Angularjs ng-repeat與md-select和md-option不兼容

Question

我有以下代碼，我在其中使用ng-repeat與md-select。但它不工作，下拉顯示爲空白。如果我用div或html使用ng-repeat，請選擇它。下面請看，

Angularform： -

<div class="col-xs-12 formClass" ng-controller="dropDownController"> 
    <md-input-container class="formClass"> 
    <label>Impacts</label> 
     <md-select name="impact" id="impact" ng-model="impact"> 
     <md-option ng-repeat="impact in impacts.availableImpacts" value="{{impact.id}}">{{ impact.name }} 
     </md-option> 
     </md-select> 
    </md-input-container> 
</div> 

JS： -

app.controller('dropDownController', function ($scope) {   
    $scope.impacts = { 
    availableImpacts: [ 
         {id: '1', name: 'name1' }, 
         { id: '2', name: 'name2' }, 
         { id: '3', name: 'name3' } 
         ], 
}; 
}); 

Answer 1

更改您的MD-選項標籤看起來像這樣：

<md-option ng-repeat="impact in impacts.availableImpacts" ng-value="impact.id">{{ impact.name }}</md-option> 

使用NG-值而不僅僅是價值並移除{{}}。

查看documentation以獲取更多示例。

你的項目中是否包含適當的角材料腳本？

Answer 2

似乎有一個問題，你要綁定數據的方式，

這對我的作品，

<md-input-container> 
    <label>impact</label> 
    <md-select ng-model="selectedImpact"> 
     <md-option ng-repeat="impact in impacts.availableImpacts" value="{{impact.name}}"> 
     {{impact.name}} 
     </md-option> 
    </md-select> 
    </md-input-container> 

看到plunker

Answer 3

這可能與此門票：Angularjs md-options are showing in Inspect but not on screen

即使'選項'DOM元素存在，我也有問題與md-select不顯示下拉菜單。

我張貼了關於我的具體問題這張票：md-select doesnt display options and causes freezing

Answer 4

我的角度版本是舊的，我MD-輸入容器沒有這個標籤工作

<!--<md-input-container>--> 
    <label>impact</label> 
     <md-select ng-model="selectedImpact"> 
      <md-option ng-repeat="impact in impacts.availableImpacts" value="{{impact.name}}"> 
     {{impact.name}} 
     </md-option> 
    </md-select> 
<!-- </md-input-container>-->