一、引入模块类
不仅要引入模块.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>‘ } })
时间: 2024-10-10 08:52:26