Angularjs ng-options 问题仅适用于 Chrome 浏览器

Angularjs ng-options issue with Chrome browser only

本文关键字:Chrome 浏览器 适用于 ng-options 问题 Angularjs      更新时间:2023-09-26

我花了昨天的时间试图弄清楚为什么ng-options(Angularjs)在Chrome浏览器中无法正常工作。我交叉测试了代码,只有 Chrome 导致了问题。当我选择某些下拉选项时,"选定项目"中的值不会刷新,尤其是对于值 (7,8,18,22),但它不一致。

这里有 plunker: http://plnkr.co/edit/6wG2fBos7srhUdJZFFpL?p=preview

angular

plnkr.co 它工作正常,但请尝试复制代码并在 Chrome 中运行,您将看到我在说什么。我发现了一些有类似问题的帖子(按键选择等)。请问有什么办法解决这个问题吗?

尝试使用 $timeout

$http.get('memoriesList1.json').success(function(data) {
  $timeout(function(){
      $scope.memories = data;
   })
});

当视图未更新时,通常是由异步调用引起的。

为了确保视图已更新,您必须或强制使用摘要循环($scope.$apply())或首选选项,即$timeout ,这可确保在其中执行代码后,将执行摘要循环