AngularJS - 选择下拉菜单未显示

Question

我正在开发我的第一个AngularJS项目，并且我的选择存在问题。选项已填充，如果我关注选择，我可以使用键盘向上/向下箭头来更改选择的选项。然而，下拉本身从未出现，我无法弄清楚原因。我也在使用Bootstrap，如果这有任何区别的话。

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问题，但我不确定为什么它不起作用。即使我使用硬编码列表填充列表而不是进行网络调用，也会出现此问题。

Answer 1

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

<强> com.google.common.base.Function

Answer 2

显然，Angular的材质设计库和Bootstrap不能很好地协同工作。删除了MD库，它又开始正常工作了。