javascript - 对 $scope 的更改不适用

Question

我有一个附加了数据列表的输入。数据列表在页面加载时通过 Angular 获取请求填充。

<input list="info" />
<datalist id="info">
  <option ng-repeat="diagnosis in diagnoses" value="{{diagnosis.data}}">
</datalist>

$http 请求很简单:

$http.get('/diagnoses').then(function (response) {
    $scope.diagnoses = response.data;
})

并且信息显示在源代码中。但是，当我键入时，数据列表不显示匹配选项。我知道 View 需要更新以匹配模型，但是调用 $scope.$digest() 会引发错误。

$rootScope:inprog Action Already In Progress

并且调用 $scope.$apply() 什么也不做。有什么想法吗？

Answer 1

你应该使用

  <option ng-repeat="data in diagnoses" value="data">