Question

我正在使用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>

提前致谢...

Answer 1

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

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

Answer 2

不要使用ng视图

.button {
    position: relative;
}


.button i {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

Answer 3

你也可以简单地使用这样的东西：

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

在所有页面中包含Menu.html

3 个答案: