Javascript 选择在http请求后不更新标题的angularjs
我以前找了很多东西想问这个问题,但什么也没找到。问题是,在服务器的GET请求之后,我收到了一个JSON,并且正确地收到了它(我正在检查这个),但是select选项没有重新加载信息 这是我的代码: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
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>