码迷,mamicode.com
首页 > Web开发 > 详细

angular js的坑

时间:2016-03-13 17:46:14      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

一、引入模块类

不仅要引入模块.js还要在初始模块时声明依赖关系

 

二、独立作用域类

在html中如果用驼峰式写法会导致js文件中无法识别

如<div myName="{{name}}"></div>用在@的独立作用域中myName获取数据,将无法识别

正确写法是应避免在html文档中出现驼峰式写法:<div my-name="{{name}}"></div>或者用将其转换为小写myname

 

注意=与@获取数据时的差别

<div ng-controller="myController">
    <my-include my-name="name">
            
    </my-include>
</div>
bookStoreApp.controller(‘myController‘,[‘$scope‘,function($scope){
    $scope.name=‘init‘;
}]);
bookStoreApp.directive(‘myInclude‘,function(){
    return {
        scope:{
            myName:‘=‘
        },
        restrict:‘AE‘,
        template:‘<div><input type="text" ng-model="myName">{{myName}}</div>‘
    }
})

 

<div ng-controller="myController">
<my-include my-name="{{name}}">//注意此处与上面的不同

</my-include>
</div>

bookStoreApp.controller(myController,[$scope,function($scope){
    $scope.name=init;
}]);
bookStoreApp.directive(myInclude,function(){
    return {
        scope:{
            myName:@
        },
        restrict:AE,
        template:<div><input type="text" ng-model="myName">{{myName}}</div>
    }
})

 

angular js的坑

标签:

原文地址:http://www.cnblogs.com/obeing/p/5272287.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!