angularJS学习笔记(1)

本节主要介绍ui.router的使用

##代码
app.js

var bookApp = angular.module('bookApp',['ui.router']);

bookApp.config(function($stateProvider, $urlRouterProvider){
    $urlRouterProvider.otherwise('/index');
    $stateProvider
        .state('index',{
            url: '/index',
            views: {
                '': {
                    templateUrl: 'tpls/home.html'
                },
                'main@index': {
                    templateUrl: 'tpls/loginForm.html'
                }
            }
        })
});

上述实现了对index路径的差分,当访问 http://localhost:8080/app/#/index 时,
实际访问的是home.html,并且在home.html中存在“


将其中的main块填充为loginForm.html页面
具体代码见 https://github.com/zhanfang/angular_ui_router ,可能会随时更新