Javascript 在所有页面中包括Menu.html

我正在使用bootstrap开发一个静态响应HTML网站

该网站共有10个页面。这里我需要一个菜单（导航栏）来访问所有页面，菜单在单独的html页面中

我需要做的是，将menu.html页面包含到我网站的所有页面中

我试过以下方法

<div id="menuArea" ng-controller="menuAreaCtrl" ng-view ng-include src="'menu.html'" ></div>

但它没有起作用

我已经包括了如下相同的角度js：

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.1/angular.min.js"></script>

---

提前感谢…

根据angularjs文档，您可以使用

---

根据angularjs文档，您可以使用

不要使用ng视图

<div id="menuArea" ng-controller="menuAreaCtrl" ng-include src="'menu.html'" ></div>

不要使用ng视图

<div id="menuArea" ng-controller="menuAreaCtrl" ng-include src="'menu.html'" ></div>

---

您也可以简单地使用，例如：

---

您也可以简单地使用，例如：

---

---

在那里做什么

ng视图

在那里做什么？@RayonDabre ng view查看路线。这是我第一次使用angular js。。。可能是我错了…需要显示更多的上下文来说明你在哪里使用这个。

ng视图

必须是分开的。在我看来，将菜单设为指令会更好。至少它会使标记更清晰。在那里做什么？@RayonDabre ng view for route。这是我第一次使用angular js。。。可能是我错了…需要显示更多的上下文来说明你在哪里使用这个。

ng视图

必须是分开的。在我看来，将菜单设为指令会更好。至少它会使您的标记更清晰。谢谢您的回复。不幸的是，它不起作用。我在谷歌上搜索并尝试了大部分教程。。。但还是一样。menu.html在哪里？根？如果你能给我们一把小提琴，我们可能会更好地了解你所面临的问题。无论如何，include不工作或者controller不工作？@Kilmazing确定它在根目录中，那么控制台错误呢？我建议您将ngController放在menu.html文件中，一旦在计算ngInclude时加载了控制器，它就会正常工作。谢谢您的回复。不幸的是，它不起作用。我在谷歌上搜索并尝试了大部分教程。。。但还是一样。menu.html在哪里？根？如果你能给我们一把小提琴，我们可能会更好地了解你所面临的问题。无论如何，include不工作或者controller不工作？@Kilmazing确定它在根目录中，那么控制台错误呢？我建议您将ngController放在menu.html文件中，一旦在计算ngInclude时加载了控制器，它应该可以正常工作。但我不是在开发php网站。这是一个静态响应的HTML网站，但我不是在开发php网站。这是一个静态响应的HTML网站。这对我来说很有用。1.创建了单独的菜单文件夹，其中包含-menuController，Menu.html。2.在app.js中提供了映射$stateProvider.state（'menus'，{url:'/menus'，templateUrl:'view/menu/menu.html'，controller:'menuController'}）；3.使用上面的标签在index.html中添加了menu.html。这对我很有效。1.创建了单独的菜单文件夹，其中包含-menuController，Menu.html。2.在app.js中提供了映射$stateProvider.state（'menus'，{url:'/menus'，templateUrl:'view/menu/menu.html'，controller:'menuController'}）；3.使用上述标记在index.html中添加menu.html。