我想创建主页面,这是将在应用程序的所有视图中使用的主页面。
例如,左导航和顶级导航。应在所有视图中显示此导航,每当url在应用程序中更改时。
根据ng视图,它只渲染给定的部分视图并替换以前的视图。在上图中,我的左上和右上导航应使用角度控制器显示。
控制器代码
angular.module('modelDemo').controller("authCtrl",['$scope',function($scope) { $scope.list; }]);
请让我知道,我该如何实现这一点
您可以使用角度路由或角度路由器,并设置您的主站,按照以下步骤操作:
>步骤1.使您的index.html成为您的母版页。
>步骤2.使用ng-include添加< header>,< footer>,< aside>< div>等引用你的模板
>注意:您的左上和右上导航将是其中的一部分
>步骤3.视图的内容将使用指令属性ng-view或ui-view进行渲染
>步骤4.使用你的模块app.config()来配置子页面
资源:
>使用角度路线:https://docs.angularjs.org/tutorial/step_07
>全新应用的模板:https://github.com/angular/angular-seed
>使用Angular UI路由器:Angular Tutorial 30 mins