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：（標籤+內容）