Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Angularjs中的引导导航栏下拉菜单';行不通_Html_Angularjs_Twitter Bootstrap - Fatal编程技术网

Html Angularjs中的引导导航栏下拉菜单';行不通

Html Angularjs中的引导导航栏下拉菜单';行不通,html,angularjs,twitter-bootstrap,Html,Angularjs,Twitter Bootstrap,我使用的引导navbar下拉菜单的功能不起作用。 它在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",

我使用的引导navbar下拉菜单的功能不起作用。

它在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"
有人能帮我弄清楚吗?
谢谢大家!

有两件事你需要改变

  • HTML
    页面中,替换href=”http://example.com“with href=“#”

  • 您错过了bootstrap.min.js。添加脚本


  • 我在本地进行了测试,主要问题是缺少
    bootstrap.min.js
    (bootstrap库文件)。

    删除
    href=”http://example.com“
    链接或将其更改为
    #
    。按照您的第一个建议,我更改href。但是bootstrap.min.js已经添加到我的文件中。在我将“example.com”替换为“#”之后,它仍然存在相同的问题。还没有,问题仍然存在。是的,bootstrap.min.js已加载。我使用了来自的初学者模板代码。