2017-03-15 6 views
1

angular-keyboardは、リスト内の一部の要素(ng-repeat)が含まれ、ハードコードされている要素を含む最初の要素を選択しますか? がng-repeatの外にある場合は常に、最初にハードコードされた項目に.kb-activeが適用されます。アクティブな要素を選択すると、アンギュラキーボードはng-repeatの要素をスキップします

例えば、kb-activeクラスでこのマークアップの結果は「静的1」に適用されている:ここで

<ul kb-list> 
    <li kb-item="item" ng-repeat="item in ctrl.items">{{item}}</li> 
    <li kb-item>Static 1</li> 
    <li kb-item>Static 2</li> 
</ul> 

はさらに、この例を示しjsfiddleです:http://jsfiddle.net/9epc2ttf/

答えて

2

は、あなたがしたい項目を割り当てます。 ng-modelでアクティブに設定する

<ul kb-list ng-app="myApp" ng-controller="MyControler as ctrl" 
ng-model="ctrl.selected"> 

コントローラで、選択した項目を割り当てます。 http://jsfiddle.net/9epc2ttf/2/

JSfiddle で https://github.com/bfanger/angular-keyboard#kbselect

ソリューション:ここでのドキュメントに基づいて

app.controller('MyControler', ['$scope', function($scope) { 
    this.items = ['Repeat 1','Repeat 2','Repeat 3']; 
    this.selected = this.items[0]; 
}]);