在所有页面中包含Menu.html

我正在使用bootstrap开发静态响应HTML网站。在所有页面中包含Menu.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>

谢谢...

来源

2015-10-05 Sankar

什么'NG-view'做什么呢？ – Rayon

@RayonDabre ng-view查看路线。这是我第一次使用角度js ...可能是我错了... – Sankar

需要显示更多的上下文，以你在哪里使用它。 'ng-view'必须是独立的 – charlietfl

根据angularjs文档，你可以使用ngInclude

<div ng-include="menu.html"></div>

来源

2015-10-05 13:49:19

谢谢你的回复。不幸的是它不工作。我用Google搜索了很多教程，但它仍然是一样的。 – Sankar

menu.html位于哪里？在根上？ – Kilmazing

如果您能为我们提供小提琴，我们可以更好地了解您所面对的内容。无论如何，包括不工作或控制器不工作？ –

唐't use ng view

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

来源

2015-10-05 13:49:26 Arun

谢谢你的回复。已经尝试过但不能正常工作... – Sankar

这对我来说很有效。 1.创建单独的菜单文件夹，其中包含-menuController，menu.html。 2.在app.js中提供映射。 $ stateProvider.state（'menus'，{ url：'/ menus'， templateUrl：'view/menu/menu.html'， controller：'menuController' }）; 3.使用上面的标签在index.html中添加menu.html。 – ashu17188

-1

你也可以简单地使用，这样的事情：

<?php require("navigation.php"); ?>

来源

2015-10-05 13:59:55

但我没有开发PHP网站。它是一个静态响应HTML网站。 – Sankar

在所有页面中包含Menu.html

回答

相关问题