好了,話不多說,續(xù)上篇缀皱,繼續(xù)講angular-xeditable的個(gè)人使用心得
四斗这、xeditable集成select2效果 --> editable-ui-select 記得引入angular-select哦
在這里有一個(gè)需要注意的小細(xì)節(jié):傳入的對象如果是數(shù)組中有的 該指令會自動查找并匹配,如果是數(shù)組中沒有的啤斗,則會出現(xiàn)空白選擇。
在過濾器中 會自動搜索并匹配輸入的值 $select.search(輸入搜索的值)
$select.selected:選擇的值
在其中可以使用data-ng-change事件來響應(yīng)選擇值改變
赁咙?钮莲??如何實(shí)現(xiàn)根據(jù)搜索值訪問API進(jìn)行實(shí)時(shí)搜索呢
可以在editable-ui-select-choices 中加入
refresh="vm.search($select.search);" //訪問API方法*** ?應(yīng)返回promise的訪問?
refresh-delay="100"http://用戶輸入后間隔100毫秒后進(jìn)行刷新
五彼水、如何在控制器 控制表單
個(gè)人做法:在頁面加載時(shí)使用data-ng-init="vm.load(testform)",testform為表單名崔拥,在控制器中調(diào)用并將其賦予一個(gè)變量,因?yàn)槠鋵ο蟮刂芬恢路锔玻云渲狄惨恢铝赐撸梢杂闷鋵Ρ韱芜M(jìn)行一些整體性操作 和表單提交。