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

时间:2014-09-22 18:45:18

标签: javascript html angularjs

我成功获得JSON响应。 Chrome开发者工具显示添加了新的option元素,但我无法在Chrome中的下拉列表(select)中看到它们。是否需要调用额外的功能来更新select?怎么解决? 的 HTML

<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;

            })
};

1 个答案:

答案 0 :(得分:0)

请看这里 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>
  1. ng-repeat应位于选项标记
  2. 选项的显示值为空