2017-05-22 57 views
0

這是一個已經被我寫的,認爲其可能會幫助一些一誰是尋找類似功能的一小段代碼,自定義指令:角JS - 符合UL-li元素爲單選按鈕和複選框

定製上li元素指令 - 點擊他們選擇/取消選擇li元素和在陣列中產生所選擇的對象(可以在控制器被收集)

<div ng-app="myApp" ng-controller="myCtrl"> 

    <ul> 
    <li> 
     <input type="text" ng-model="search_ms.title" /> 
    </li> 
    <li 
    ng-repeat="x in items | filter:search_ms" 
    multi-select multi-select-item="x" 
    ng-class="{selected:x.checked}" 
    ng-click="getAllSelectedItems(items)"> 
     {{x.title}} --> {{x.checked}} 
    </li> 
    </ul> 

    <ul> 
    <li> 
     <input type="text" ng-model="search_ss.title" /> 
    </li> 
    <li 
    ng-repeat="x in items_ | filter:search_ss" 
    single-select 
    single-select-item="x" 
    unselect-all-items="items_" 
    ng-class="{selected:x.checked}" 
    ng-click="getAllSelectedItems(items_)"> 
     {{x.title}} --> {{x.checked}} 
    </li> 
    </ul> 

<div class="clearfloat"> 
</div> 


    <br/> 
    <br/> 
    <br/> 

    <p> 
    {{selectedItems}} 
    </p> 

    <br/> 
    <br/> 
    <br/> 

    <p> 
    {{unselectedItems}} 
    </p> 

JS小提琴:http://jsfiddle.net/AjayBunga/NBhn4/230/

單選(像收音機)和多選(如複選框)已經實施。請建議我是否可以優化任何代碼,或者如果可以以更簡單的方式完成,因爲我是新的角度指令。

在此先感謝。

回答