关于angular-xeditable插件的使用小技巧二

好了,话不多说,续上篇,继续讲angular-xeditable的个人使用心得

四、xeditable集成select2效果 --> editable-ui-select 记得引入angular-select哦


关于angular-xeditable插件的使用小技巧二_第1张图片

在这里有一个需要注意的小细节:传入的对象如果是数组中有的 该指令会自动查找并匹配,如果是数组中没有的,则会出现空白选择。

在过滤器中 会自动搜索并匹配输入的值 $select.search(输入搜索的值)

$select.selected:选择的值

在其中可以使用data-ng-change事件来响应选择值改变

???如何实现根据搜索值访问API进行实时搜索呢

可以在editable-ui-select-choices 中加入

refresh="vm.search($select.search);" //访问API方法***  应返回promise的访问 

refresh-delay="100"//用户输入后间隔100毫秒后进行刷新

五、如何在控制器 控制表单

个人做法:在页面加载时使用data-ng-init="vm.load(testform)",testform为表单名,在控制器中调用并将其赋予一个变量,因为其对象地址一致,所以其值也一致,可以用其对表单进行一些整体性操作 和表单提交。

你可能感兴趣的:(关于angular-xeditable插件的使用小技巧二)