在AngularJS添加数据后无法在Chrome中看到更新ng-repeat

我成功获取JSON响应。 Chrome开发人员工具显示，Chrome浏览器中添加了新的option元素，但我无法在下拉列表中看到它们（位于select）。不要致电额外的功能来更新select？如何解决它？ HTML在AngularJS添加数据后无法在Chrome中看到更新ng-repeat

<div class="controls" ng-app="" ng-controller="myCtrl"> 
    <select class="span4" name="product_property" id="product_properties" ng-repeat="property in properties"> 
     <option value="{{property.name}}"></option> 
    </select> 
</div>

控制器：

function myCtrl($scope, $http){ 
    $http.get(HOST + "/getProductProperties") 
      .success(
      function(data, status, headers, config){ 
       $scope.properties = data; 

      }) 
};

来源

2014-09-22 J.Olufsen

你或许应该NG选项取代NG-重复......都是哟确保它进入成功处理程序和数据，你期望它是什么？ – PSL 2014-09-22 18:47:40

https://docs.angularjs.org/api/ng/directive/select ngOptions – chriskelly 2014-09-22 18:48:16

按预期收到数据。输入'$ scope.properties = data;'。新的选项是在HTML中，但从Chrome或任何其他浏览器隐藏。 – 2014-09-22 18:49:43

请看这里 http://plnkr.co/edit/jbT5Yjt8Lv3NvWFvGhYH?p=preview

<select class="span4" name="product_property" id="product_properties"> 
     <option value="{{property.name}}" ng-repeat="property in properties">{{property.name}}</option> 
</select>

ng-repeat应该insid E选项标签
供选择您的显示值为空

来源

2014-09-22 20:39:03 sylwester

在AngularJS添加数据后无法在Chrome中看到更新ng-repeat

回答

相关问题