Fatal编程技术网
  • javascript/
  • Javascript AngularJS添加重复数据后无法在Chrome中看到更新

Javascript AngularJS添加重复数据后无法在Chrome中看到更新

javascript html angularjs

Javascript AngularJS添加重复数据后无法在Chrome中看到更新,javascript,html,angularjs,Javascript,Html,Angularjs,我成功地获得了一次JSON响应。Chrome developer tools显示添加了新的选项元素，但我无法在Chrome的下拉列表（在选择）中看到它们。我是否需要调用额外的函数来更新选择？如何修复它？ HTML <div class="controls" ng-app="" ng-controller="myCtrl"> <select class="span4" name="product_property" id="product_properties" ng-

我成功地获得了一次JSON响应。Chrome developer tools显示添加了新的
选项
元素，但我无法在Chrome的下拉列表（在
选择
）中看到它们。我是否需要调用额外的函数来更新
选择
？如何修复它？
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>


请看这里




{{property.name}



  • ng repeat
    应位于选项标签内
    • 

  • 选项的显示值为空
    • 

    您可能应该用ng选项替换ng repeat。。。你确定它正在进入成功处理程序，数据是你所期望的吗？NgoOptions按预期接收数据<代码>$scope.properties=数据已输入。新选项在html中，但在Chrome或任何其他浏览器中隐藏。您所说的
    新选项在html中是什么意思？
    ？Chrome开发者工具显示在页面的html中添加了新的
    选项
    元素

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

            })
};

    

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