首页 > Web开发 > 详细

angular js的坑

时间:2016-03-13 17:43:32      阅读:293      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!