发表于: 2017-07-18 23:45:57

1 823


今天完成的事情:写了一点常量,完成了省市县的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;

}

})



返回列表 返回列表
评论

    分享到