发表于: 2017-03-31 23:55:44
1 1308
今天完成的事情:
1、完成【产品特色】前台页面组件类型点击按钮高亮的效果;
2、完成【产品特色】前台组件的页面组件类型的json假数据;
3、听汤特讲随机的出现一种颜色,随机的性能怎么样的小课堂;
明天计划的事情:
1、完成【产品特色】前台组件列表的数据渲染处理,需要给ng-repeat设置过滤器;
2、调整一下【产品特色】前台页面的样式;
遇到的问题:
1、在【产品特色】页面的组件列表的是否有基本版和白金版的checkbox复选框的状态,不清楚怎样通过渲染的数据是否给input标签添加checked属性,经网上查阅资料可以使用ng-checked指令来判断,当ng-checked=true的时候,给给input标签添加checked属性;
2、【产品特色】页面通过接口获取的组件列表数据的数据结构是组件的数据和子组件数据是同一级的,并不是组件包含子组件(这样多省事..,可惜并不是),页面中的组件名称可以通过parentId=-1在ng-repeat设置过滤,组件下的子组件可以通过parentId来过滤(相同组件下的子组件的parentId都是组件的组件id),但是,问题是不知道在ng-repeat里面的过滤器怎么获取相同组件下的子组件的parentId,没思路啊;
收获:
1、在angular中可以使用ng-checked来判断是否勾选复选框;
2、学会了使用ng-class的来使选中的组件类型按钮实现高亮hhh:
<button type="button" ng-class="{'active': vm.params.id == li.id}" ng-click="vm.search(li.id)">{{li.name}}</button>
评论