angularjs - AngularJS 中的母版页概念？

Question

我想创建母版页，即将在应用程序的所有 View 中使用的主页。

例如，左侧导航和顶部导航。每当应用程序中的 url 更改时，此导航应显示在所有 View 中。



根据 ng-view，它只呈现给定的部分 View 并替换以前的 View 。在上面的图像中，我的左侧和顶部导航应该使用 Angular Controller 显示。

Controller 代码

angular.module('modelDemo').controller("authCtrl", ['$scope', function($scope) {
      $scope.list;
}]);

请让我知道，我怎样才能做到这一点

Answer 1

您可以使用 angular-route 或 Angular-ui-router，并按照以下步骤设置您的主服务器:

步骤 1. 制作您的 index.html您的母版页。

步骤 2. 添加 <header> , <footer> , <aside> , <div>等。使用 ng-include 引用您的模板

注意:您的左侧和顶部导航将成为它的一部分

步骤 3. View 的内容将使用指令属性 ng-view 呈现或 ui-view

步骤 4. 使用您的模块 app.config()配置子页面

来源:

使用 Angular 路由:https://docs.angularjs.org/tutorial/step_07

全新应用模板:https://github.com/angular/angular-seed

使用 Angular UI 路由器:Angular Tutorial 30 mins