首页 > 代码库 > angularJS 视图view
angularJS 视图view
AngularJS支持通过在单个页面上的多个视图的单页应用。要做到这一点AngularJS提供ng-view 和 ng-template指令，以及 $routeProvider 服务。
ng-view
开启视图，只是一个占位符，没有值 例：<div ng-view></div>
ng-template
创建视图，通过script标签，类型为ng-template，包含了一个$routeProvider映射控制的id属性，id指向一个html页面
$routeProvider
主要网址的配置，是一个angular对象，将他们映射相应的html页面或者ng-template
使用
var app = angular.module("app", [‘ngRoute‘]);
app.config([‘$routeProvider‘,
function($routeProvider) {
$routeProvider.
when(‘/addStudent‘, {
templateUrl: ‘addStudent.html‘,
controller: ‘AddStudentController‘
}).
when(‘/viewStudents‘, {
templateUrl: ‘viewStudents.html‘,
controller: ‘ViewStudentsController‘
}).
otherwise({
redirectTo: ‘/addStudent‘
});
}]);
通过config来配置，配置项为数组，回调函数的参数为$routeProvider,利用$routeProvider的when方法，参数1为请求路径，参数2为对象
包含了templateURL指向视图，controller为该视图的的控制器，otherwise 指向默认视图，如果页面不存在，渲染视图可以用template：（标签+内容）
angularJS 视图view
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。