버튼을 클릭하면 드롭다운 메뉴가 열립니다.
<p>부트스트랩 5 cdn을 사용하고 있는데 드롭다운을 클릭하지 않고 드롭다운을 열고 싶습니다. </p>
<p>내비게이션 바를 사용하고 "드롭다운 링크"를 표시하고 싶습니다. </p>
<pre class="brush:php;toolbar:false;"><nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="컨테이너-유체">
<a class="navbar-brand" href="#">Navbar</a>
<버튼
class="navbar-toggler"
유형="버튼"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false";
aria-label="탐색 전환"
>
<span class="navbar-toggler-icon"></span>
</버튼>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="페이지" href="#">홈</a>
</li>
<li class="nav-item dropdown">
<a
class="nav-link 드롭다운-토글"
href="#"
id="테스트"
역할="버튼"
data-bs-toggle="드롭다운"
aria-expanded="false";
>
드롭다운 링크
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="#>작업</a></li>
<li><a class="dropdown-item" href="#">다른 작업</a></li>
<li><a class="dropdown-item" href="#">여기에 다른 내용이 있습니다</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<button class="btn btn-primary btn-sm" (클릭)="open()">Abrir</button></pre>
<p>구성요소에서 다음을 수행하려고 시도했지만 작동하지 않습니다. </p>
<pre class="brush:php;toolbar:false;">내보내기 클래스 AppComponent {
열려 있는() {
const dropdown = document.getElementById('test');
dropdown.click();
}
}</pre>
<p>저는 stackblitz에서 해냈습니다: 테스트</p>
