AngularJS - 選擇下拉列表不顯示

我正在開發我的第一個AngularJS項目，並對我的選擇有問題。選項已填充，如果我將選擇對焦，則可以使用鍵盤向上/向下箭頭更改選中的選項。然而，下拉本身從來沒有出現，我不明白爲什麼。如果這有什麼區別，我也使用Bootstrap。AngularJS - 選擇下拉列表不顯示

JS代碼：

$http({ 
    method: 'GET', 
    url: 'api/Mortality/GetMortalityReasonsList', 
    headers: { 
    'Authorization': 'Bearer ' + $localStorage.token, 
    'Content-Type': 'application/json', 
    'Accept': 'application/json' 
    } 
}).then(function (success) { 
    $scope.reasons = success.data; 
}, function (error) { 
    debugger; 
});

HTML代碼：

<div class="form-group"> 
    <label for="reason">Reason</label> 
    <select class="form-control" id="reason" ng-model="log.reason" ng-options="reason as reason.Name for reason in reasons track by reason.Id"></select> 
</div>

響應：

[ 
    { 
     "Id": 638, 
     "Name": "Adjusted Deaths", 
     "Code": "11", 
     "CultureCode": "en-US" 
    }, 
    ... 
]

編輯：自己正在正確填充的字段。我只是沒有下拉菜單。我猜這是一個CSS的問題，但不知道爲什麼它不起作用。即使我使用硬編碼列表填充列表而不是進行網絡調用，也會出現此問題。

來源

2016-10-26 Zamereon

發佈您的json響應 – Sajeetharan

調用應用程序是否有所作爲？ '$ scope.reasons = success.data; $ scope。$ apply（）;' – epascarello

添加了響應。當我添加$ scope。$ apply（）時，它表示$摘要已經在進行中。 – Zamereon

<select class="form-control" id="reason" ng-model="reason" ng-options="reason as reason.Name for reason in optionsdownload"></select>

DEMO

來源

2016-10-26 16:51:51 Sajeetharan

顯然角的材料設計庫和Bootstrap不很好地一起玩。刪除了MD庫，它再次開始正常工作。

來源

2016-10-26 17:52:20 Zamereon

AngularJS - 選擇下拉列表不顯示

回答

相關問題