부트스트랩 5 cdn을 사용하고 있는데 드롭다운을 클릭하지 않고 드롭다운을 열고 싶습니다.
내비게이션 바를 사용하고 "드롭다운 링크"를 표시하고 싶습니다.
구성요소에서 다음을 수행하려고 시도했지만 작동하지 않습니다.
내보내기 클래스 AppComponent { 열려 있는() { const dropdown = document.getElementById('test'); dropdown.click(); } }
저는 stackblitz에서 해냈습니다: 테스트
버튼에 부트스트랩 속성 추가:
으아악링크 코드:https://stackblitz.com/edit/angular-bootstrap-5-dynamic-navbar-77sj13?file=app/app.comComponent.html
그러나 작동할 것입니다. 각도 애플리케이션은 이러한 요소를 제어해야 하므로 외부 라이브러리를 프레임워크 라이브러리(Angular, Vue, React)와 혼합하면 항상 문제가 발생합니다
이를 위해 특별한 구현이 있습니다. 예:https://ng- bootstrap.github.io/#/home각도 가이드
또 다른 옵션은 ngIf를 사용하여 탐색 모음을 표시하는 것입니다(기본적으로 애니메이션 없음)
다른 링크:https://stackblitz.com/edit/angular-bootstrap-5-dynamic-navbar-hygpzq?file=app/app.comComponent.html