angularjs 学期下拉列表指令
目标效果:
当激活学期后,课程管理首页和增加课程的学期列表默认选中当前激活学期,而编辑课程时默认选中该课程所在学期
最初的想法:
service层从后台请求到当前学期返回给c层,然后在c层将当前学期绑定到v层传递给指令,同时将选择的对象绑定到指令上,当指令监听到当前学期时则将其设置成默认选项,当指令监听到选项改变时,则将改变后的学期传给绑定的对象
但学长说这样写不好,代码冗余,就帮我重新写了一种。
只要绑定一个对象给指令就行,当绑定的内容为空,则将后台请求来的当前学期设为默认选项,如果不为空,则默认选项就是传进来的对象,当指令监听到选项发生变化时,则将变化后的选项传给绑定的对象。这样一来就能少绑定一个对象给指令,并且还能少写一个监听。
最后的代码实现
总结
这周在前台遇到了困难,主要是滥用监听和回调,导致代码非常冗余繁琐,设计得不够简洁清晰,总是把简单的问题想复杂。
相关推荐
xingdongfang 2019-11-10
zhenghao 2014-05-30
youyouzouzou 2014-05-30
zbwroom 2014-05-30
zbwroom 2014-05-29
鸟菜小端前 2018-09-12
lizean 2015-03-10
zbwroom 2015-04-10
Oranq 2015-08-29
CrazyDogWang 2016-01-06
lizean 2016-04-30
小新正在敲代码 2016-04-14
CrazyDogWang 2016-11-30
lizean 2016-12-19
princejingyun 2016-12-14
youyouzouzou 2017-02-24
youyouzouzou 2017-05-30
Oranq 2017-05-30
Oranq 2017-09-09