ng-repeat,ng-if angular笔记使用小技巧

2019独角兽企业重金招聘工程师标准>>>
品牌集团OEM编码OE名称配件使用说明分类4s参考价配件车型配件种类商品品牌价格库存全选{{data.brandGroup}}{{data.oemCode}}
{{data.}}
{{data.}}
{{data.}}
{{data.}}
适用车型
{{data.}}
{{data.}}
价格无
{{data.}}
选择
后台json数据返回的类型:

ng-repeat,ng-if  angular笔记使用小技巧

文章插图
{"result": true,"message": "查询成功!","code": "0","data": [{"oemId": "63100","brandGroup": "沃尔沃集团","oemCode": "30698719","oemName": "前保险杠上支架(左)","partsIntroduction": "","classify": "前保险杠支架","referPic": "","goodsName": "","partsClassify": "","goodsBrand": "","price": "","storeCnt": "","partsList": ["进口沃尔沃C3020069-2030两厢/五门","进口沃尔沃C3020069-2030三厢/四门"],"qutaList": [{"id": "31","name": "A+柱外板","oemCode": "30698719","qualityType": "原厂","brandName": "原厂","price": "40.63","carBrandName": "奔驰","vendorName": "北京奔驰","vendorPhone": "10086000000","createUser": "","createTime": "","updateUser": "","updateTime": "2017-03-28 12:11:00","yn": false}],"newName": "前保险杠上支架(左) 前 左 上 支架"}]}
页面显示的时候有两个重要点需要提醒
第一:如果后台返回的数据是 一个json数组,里面又包含json数组,并且你还要使用这个里面的json数组的时候,的绑定方式,首先成功之后返回的数据放到$scope.data里面 循环的时候先将ng-=“X in data”绑定上去,然后里面需要用到循环的时候,绑定的方式是 ng-="a in X.",然后你就可以用里面的json数组继续绑定数据 。
坑点1:因为这个里面的数据是一个数组,所以你不能光用ng-=“a in X.”,必须在后边加上防止重复的一个数据,所以如果是数组的话,需要写ng-=“a in X. track by $index”,才不会报错,否则会报错,显示不出来数组里面的数据 。
需求1:假如X.或者X.两个字段,后台没有返回数据的话,就不会显示数据,然后产品想把没有返回的数据展示一个“空”字,或者是一个“无”,你就需要在html里面加上判断了 。
适用车型
  • {{branchs}}

效果展示:
【ng-repeat,ng-ifangular笔记使用小技巧】
ng-repeat,ng-if  angular笔记使用小技巧

文章插图