发表于: 2017-07-18 23:45:57
1 824
今天完成的事情:写了一点常量,完成了省市县的3级联动的下拉菜单。
明天计划的事情:完成信息列表页面的$http请求并渲染。
遇到的问题:3级下拉菜单的过滤器自己不会写,后来看了一个教程才学会的,因为这个过滤器要完成遍历数组并筛选出合适的,而不是以前的那种只是把1替换成中文的过滤器。
收获:今天收获还蛮多的。
ng-repeat和ng-options的区别
1、ng-repeat
<select>
<option value="x.id" ng-repeat="x in list" ng-bind="x.name">
</option>
</select>
2、ng-options
<select ng-options="x.id as x.name for x in list" ng-model="listId">
</select>
3、区别:
如上所示,当在select中时ng-repeat需要写在option中,而ng-options不需要option,会自动生成。
ng-options 一定要和ng-model 搭配,ng-model获取的是列表的value值。
注意!!
1).ng-options的value值得类型是number,当list.id是string类型时无法循环
2).ng-repeat的value值类型是string,当list.id是number类型时无法循环
可以根据id类型不同选择,这是在最近的项目中发现的问题,通过上述方法解决
JSON 语法
JSON 语法是 JavaScript 语法的子集。
JSON 的语法基本上可以视为 JavaScript 语法的一个子集,包括以下内容:
数据使用名/值对表示。
使用大括号保存对象,每个名称后面跟着一个 ':'(冒号),名/值对使用 ,(逗号)分割。
使用方括号保存数组,数组值使用 ,(逗号)分割。
省市3级联动过滤器写法:
myApp.filter("provinceFilter",function(){
return function(data,ProID){
var arr=[];
angular.forEach(data,function(obj){
if(obj.ProID=== ProID){
arr.push(obj);
}
})
return arr;
}
})
评论