AngularJS - Empty <option> - 其他解決方案不起作用

我試圖擺脫這個空的<選項>在我的< select>中。我已經閱讀了許多關於這個問題的其他問題，但他們似乎都沒有幫助我。有人可以幫我擺脫這個空蕩蕩的<選項>在這個小提琴嗎？謝謝。AngularJS - Empty <option> - 其他解決方案不起作用

http://jsfiddle.net/4CYkd/

function testCtrl($scope) { 
    $scope.data = {}; 
    $scope.data.club = {'1':{name:'club name!'}}; 
    $scope.data.admin = [{related_id:'1',related_table:'club'}] 

    //$scope.admin_idx = 0; 
}

HTML

<div ng-controller="testCtrl"> 
<select ng-model="admin_idx"> 
    <option ng-repeat="admin in data.admin" value="{{$index}}"> 
     {{data[admin.related_table][admin.related_id].name}}</option> 
</select>

來源

2012-11-21 bearfriend

爲什麼不是所有數據合併到上的對象和NG選項的單個陣列？你甚至不需要$ index。我的意思是在它們中有名稱，related_id和related_table的對象。 – jpsimons

http://docs.angularjs.org/api/ng.directive:select

http://jsfiddle.net/4CYkd/1/

<select ng-model="admin_idx" 
     ng-options="$index as data[admin.related_table][admin.related_id].name for admin in data.admin"> 
</select>

希望這有助於

來源

2012-11-21 04:43:46 akonsu

雖然這在小提琴中起作用，但它不在我的開發環境中。代碼看起來完全一樣，但顯然有些不同。我會看看它，併發布更多今晚。謝謝。順便說一下，這項工作的功能差異是什麼？ ng-options是否正確處理空的

我不知道有什麼區別。也許選擇指令處理ng-options的方式不同於僅在

是的，我沒有意識到我可以在ng-options中使用$ index，這就是爲什麼我使用ng-repeat的原因。 – bearfriend

AngularJS - Empty <option> - 其他解決方案不起作用

回答

相關問題