主页概念在AngularJS？

发布时间：2020-12-17 08:09:09 所属栏目：安全来源：网络整理

导读：我想创建主页面，这是将在应用程序的所有视图中使用的主页面。例如，左导航和顶级导航。应在所有视图中显示此导航，每当url在应用程序中更改时。根据ng视图，它只渲染给定的部分视图并替换以前的视图。在上图中，我的左上和右上导航应使用角度控制器显示。

我想创建主页面，这是将在应用程序的所有视图中使用的主页面。

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!