ボタンをクリックしてドロップダウン メニューを開きます
<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="#">ナビゲーションバー</a>
<ボタン
class="navbar-toggler"
type=「ボタン」
data-bs-toggle="折りたたむ"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="ナビゲーションを切り替え"
>
<span class="navbar-toggler-icon"<</span>
</ボタン>
<div class="navbar を折りたたむ-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">ホーム</a>
</li>
<li class="ナビゲーション項目ドロップダウン">
ドロップダウンリンク
</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>
</ナビ>
<button class="btn btn-primary btn-sm" (click)="open()">Abrir</button></pre>
<p>コンポーネントで次のことを実行しようとしましたが、うまくいきません: </p>
<pre class="brush:php;toolbar:false;">export class AppComponent {
開ける（） {
const ドロップダウン = document.getElementById('test');
ドロップダウン.クリック();
}
}</pre>
<p>私は stackblitz:test でそれを行いました</p>
