Angularjs中的Bootstrap导航栏下拉列表不起作用

Question

我使用bootstrap navbar下拉列表的功能不起作用。 My html code

它在plunker上正确运行。 但是当我运行相同的代码时。 我的运行页面如下：

当我点击下拉链接时，浏览器会直接转到“example.com”

这是我的依赖项：

"@angular/common": "~4.0.0",
"@angular/compiler": "~4.0.0",
"@angular/core": "~4.0.0",
"@angular/forms": "~4.0.0",
"@angular/http": "~4.0.0",
"@angular/platform-browser": "~4.0.0",
"@angular/platform-browser-dynamic": "~4.0.0",
"@angular/router": "~4.0.0",

"angular-in-memory-web-api": "~0.3.0",
"systemjs": "0.19.40",
"core-js": "^2.4.1",
"rxjs": "5.0.1",
"zone.js": "^0.8.4"

任何人都可以帮我弄清楚吗？ 谢谢！

Answer 1

你需要改变两件事。

1. 在HTML页面中，替换href =＆＃34; http：//example.com"用href =＆＃34;＃＆＃34;。

2. 您错过了bootstrap.min.js。添加脚本<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>。

我在本地测试过，大多数问题都缺少bootstrap.min.js（bootstrap库文件）。