{{ firstName }} 是通过 ng-model="firstName" 进行同步。

    {{ firstName }}的值一般是通过controller来赋予的,这样就实现了双向绑定.

  4. 自定义指令directive

• E 作为元素名使用
• A 作为属性使用
• C 作为类名使用
• M 作为注释使用

5.$scope不太理解,只知道他决定了AngularJS的作用域,整个AngularJS也是一个类似于dom的树形结构,$rootscope就是根节点.

6.AngularJS路由功能主要是 $routeProvider服务 与 ng-view 实现,AngularJS自带的ng-route路由不能实现在同一个页面内实现多个视图的切换嵌套,所以要借用

‍‍UI-ROUTER来实现嵌套分层.

routerApp.config(function($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.otherwise('/index');

    $stateProvider

        //http://localhost:90/js/task6/app/#/main

        .state('index', {

            url: '/index',

            views: {

                '': {

                //page1.htm这个页面要给view名一个名字ui-view="main" 

                    templateUrl: 'tpls/page1.html'

                },

                'main@index': {

                    templateUrl: 'tpls/page4.html'

                }

            }

        })

        //http://localhost:90/js/task6/app/#/page2/page3 调用的方法有点不一样

        .state('page2', {

            url: '/page2',

            templateUrl: 'tpls/page2.html'

        })

        .state('page2.page3', {

            url: '/page3',

            templateUrl: 'tpls/page3.html'

        });

});