主页概念在AngularJS?

前端之家收集整理的这篇文章主要介绍了主页概念在AngularJS?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想创建主页面,这是将在应用程序的所有视图中使用的主页面

例如,左导航和顶级导航。应在所有视图中显示此导航,每当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

猜你在找的Angularjs相关文章