Question

我有很多html，每个都有他们独立的状态＆amp;控制器并根据被调用的状态加载。我有页眉和页脚，它包含在带有ng-include标签的所有HTML中。除此之外是否有更好的方法来制作标题＆amp;页脚作为填充和加载页面，而不是使用ng-include在所有页面中包含它们。

Answer 1

您可以使用ng-include，例如：

<div ng-include="'header.php'" class="navbar-fixed-top"></div>
<div ui-view></div>
<div ng-include="'footer.php'" class="navbar-fixed-top"></div>

Answer 2

在Index.html中只放置你的.js，.css文件并添加正文标记

<!DOCTYPE html>
<head>
    //css files
</head>
<body ng-app="" ng-controller="">
   <ui-view></ui-view>
//script files
</body>
</html>

现在在单独的nav.html和footer.html中分隔你的导航栏和页脚，并保留一个js文件并添加

angular.module('app')
        .component('app', {
            template:
            '<navigation></navigation>'+
                '<ui-view></ui-view>' +
            '<footer></footer>' 
        });

导航是导航组件名称

angular
        .module('app')
        .component('navigation', {
            templateUrl: 'app/common/nav/nav.html',
            controller: NavController
        });

类似的页脚是页脚组件名称。就像你可以为所有控制器做的那样

 angular
        .module('app')
        .component('home', {
            templateUrl: 'app/components/home/home.html',
            controller: homeController
        });

通过此导航栏和页脚将对所有页面都是通用的，只有ui-view更改。

如何在页眉和页脚之间加载HTML

2 个答案: