标签:
同名服务
在一次项目里,之前是同事写的。我有一次在异步获取服务器上的数据时,习惯把api地址写在一个服务Store里,但是程序总是返回Store.api.get()里的get is undefined。知道肯定是Store.api为空造成的原因;但是觉得应该是没有问题的才对,最后看到在页面里又重新定义了一次Store服务,所以造成了覆盖。
myApp.factory(‘Store‘,function(){ return{ name:‘zhang‘, age:25 } }) myApp.factory(‘Store‘,function(){ return{ name:‘dong‘, age:27 } }) //服务同名了,所以只有最后一次的Store服务有效
建议:在项目大的时候,将项目逻辑分成多个模块,在每个模块里写服务和逻辑。然后在注入到其他模块中,便于测试和逻辑清晰;
在查找错误上,使用先看看服务对象的输出
对象复制
如果将一个对象赋值给其他对象,无论赋值多少次,最后被赋值的对象都来自同一个对象的引用。
var a={}; var b=a; b.name=‘zhang‘; a.name //"zhang"
var a={}; var b={}; a==b //false
在angularJS中,如果不想要引用的传递,但是又想获得对象里的数据。可以使用angular.copy(),使用forEach() 方法,把对象里的属性和值重新复制到一个新的对象上;但是又不等于被赋值的对象; var关键词的作用就是在内存中新开一块地址吧
ng-select
angularJS中的select不像HTML代码里自己手动添加option,毕竟使用了指令,扩展了select的功能。
select元素使用ng-options生成下拉选项,只需要提供一个数组给ng-options就好,如果需要提供默认值,需要给select的绑定模型变量赋值
使用ng-options的时候必须给select绑定模型变量ng-model,否则会出错误:[$compile:ctreq] http://errors.angularjs.org/1.5.2/$compile/ctreq?p0=ngModel&p1=ngOptions
<div ng-controller="myController"> <select ng-model="glass" ng-options="o.op as o.type for o in operation"> </select> </myController> <script> myApp.controller(‘myController‘, function($scope){ $scope.operation=[ {type: ‘大于‘, op: ‘>‘}, {type: ‘大于等于‘, op: ‘>=‘}, {type: ‘小于等于‘, op: ‘<=‘}, {type: ‘等于‘, op: ‘=‘}, {type: ‘小于‘, op: ‘<‘}, {type: ‘不等于‘, op: ‘<>‘}, {type: ‘包含‘, op: ‘,like‘}, {type: ‘不包含‘, op: ‘notlike‘} ]; }) </script>
但是你查看源代码就会看到,angularJS自动在option的value属性里把value值前加了字段类型
<option label="大于等于" value="string:>=">大于等于</option>
也可以自己手动添加option
<select ng-model="glass"> <option value="1">one</option> <option value="2">two</option> </select>
Note:麻烦就是手动添加的option的value都是字符串,初始化的时候,$scope.glass="必须是引号引起来的字符串"; 但是ng-select就比较灵活了,使用ng-options就可以给value传基本类型(数字,字符串,布尔值)和对象类型,在初始化的时候赋对应类型的值,调用的时候也获取的是对应类型的数据;
<select ng-model="glass" ng-options="o.id as o.name for o in num" class="ng-pristine ng-valid ng-not-empty ng-touched"> <option value="?" selected="selected"></option> <option label="one" value="boolean:true">one</option> <option label="two" value="boolean:false">two</option> </select>
<select ng-model="glass" ng-options="o.id as o.name for o in num" class="ng-pristine ng-untouched ng-valid ng-not-empty"> <option value="?" selected="selected"></option> <option label="one" value="number:1">one</option> <option label="two" value="number:2">two</option> </select>
添加同一个对象
在表格中,为表格新建一行,并提供一个默认值属性字段
<tr ng-repeat="user in users"> ... </tr>
直接push一个对象到users就行了,如果在行中使用$index,但是push到users里的对象是同一个对象(同一个对象的引用)就会出错
Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use ‘track by‘ expression to specify unique keys
可以根据官方的解决方案,使用ng-repeat="user in users track by $index";
标签:
原文地址:http://www.cnblogs.com/zhang-jian/p/5444938.html