在所有页面中包含Menu.html

Include the Menu.html in All pages

本文关键字：包含 Menu html      更新时间：2023-09-26

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

网站共有10个页面。这里我需要一个菜单(导航栏)来访问所有的页面，菜单是在单独的HTML页面。

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

我试过以下方法，

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

但它没有工作。

我已经像下面一样包含了angular js:

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

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

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

不要使用ng view

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

您也可以简单地使用，像这样:

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

相关文章：