ng-view用法

AngularJS支持通过在单个页面上的多个视图的单页应用。要做到这一点AngularJS提供ng-view 和 ng-template指令，以及 $routeProvider 服务。

https://blog.csdn.net/u010006309/article/details/52779869

http://www.runoob.com/angularjs/angularjs-routing.html

https://blog.csdn.net/viewyu12345/article/details/79131956  $state和$stateParams

 

ng-view

开启视图，只是一个占位符，没有值  例：<div ng-view></div>

ng-template

创建视图，通过script标签，类型为ng-template，包含了一个$routeProvider映射控制的id属性，id指向一个html页面

$routeProvider

 

主要网址的配置，是一个angular对象，将他们映射相应的html页面或者ng-template

使用

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

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：（标签+内容）