Javascript 选择在http请求后不更新标题的angularjs

Javascript 选择在http请求后不更新标题的angularjs,javascript,html,angularjs,http,Javascript,Html,Angularjs,Http,我以前找了很多东西想问这个问题,但什么也没找到。问题是,在服务器的GET请求之后,我收到了一个JSON,并且正确地收到了它(我正在检查这个),但是select选项没有重新加载信息 这是我的代码: angular.module('app',[]) .controller('SelectController',['$scope','$http',函数($scope,$http){ $scope.data\u info=[ {id:1,名称:'Option A'}, {id:2,名称:'Option

我以前找了很多东西想问这个问题,但什么也没找到。问题是,在服务器的GET请求之后,我收到了一个JSON,并且正确地收到了它(我正在检查这个),但是select选项没有重新加载信息

这是我的代码:

angular.module('app',[])
.controller('SelectController',['$scope','$http',函数($scope,$http){
$scope.data\u info=[
{id:1,名称:'Option A'},
{id:2,名称:'Option B'},
{id:3,名称:'Option C'}
];
$scope.data_model=null;
$http.get('http://localhost:7800/data_info{headers:{'Content-Type':'application/json'}})
.成功(功能(数据){
$scope.data_info=数据;
})
.错误(函数(数据){
});
};
}]);

选择一个选项
模型:{{data_model}}

您需要一些更改。以下代码将起作用:

在控制器中更换:

 $scope.data.model = {};
用于:

等等。成功:

    .success(function(data) {
        $scope.data.info = data;
    })
在您的HTML上:

 <select ng-model="selectedInfo" 
            ng-options="item as item.name for item in info">
         <option value="" disabled selected>Choose an option</option>
    </select>

选择一个选项

$scope。数据将未定义。初始化它,就像
$scope.data={info:{},model:{}

问题是materialize.css的选择标记被覆盖


class=“browser default”
添加到选择标签

问题仍然存在,如果在http请求数据未更新之前使用随机值初始化数据,我不知道如何解决此问题。将
按d.id跟踪更改为
按$index跟踪
此操作不起作用,问题是不使用ng选项刷新数据。如果在http请求之前初始化data.info,则这些请求的响应不会更新data.info值,但如果我使用console.log(响应)打印响应,则会正确接收数据@乔治亚格
 <select ng-model="selectedInfo" 
            ng-options="item as item.name for item in info">
         <option value="" disabled selected>Choose an option</option>
    </select>