在angularJS中调用ajax后改变视图
Change view after calling ajax in angularJS
我需要angularJS的帮助。我调用ajax如下:
$scope.$watch('value1', function() {
if ($scope.value1 != null) {
$http({
method : 'GET',
url : 'http://localhost:8080/program1/api/verify?post='+$scope.value1
}).success(function (result) {
$scope.data1 = result;
console.log("ajax->"+$scope.value2);
});
}
});
在我看来,我有以下代码:
<div ng-controller="MainController">
<select ng-model="data1"
ng-options="data for data in data1">
<option value=""></option>
</select>
{{data1}}
</div>
我的问题是下拉菜单在视图中没有改变。有人能帮我一下吗?提前谢谢大家
您的问题是您的ng-options
和ng-model
使用相同的属性data1
。
当你选择的值被绑定到ng-model
的属性,所以是data1
,然而你的ng-options
使用data1
,所以它被覆盖。
ng-options
和ng-model
应该使用你的作用域的两个不同的属性。一个表示选择的值,另一个是填充选项的值数组。参见:http://jsfiddle.net/1uzyoLmr/
<select ng-model="data1"
ng-options="d for d in data">
<option value=""></option>
</select>
{{data1}}
和控制器
$scope.data1;
$scope.data = [10, 11, 23];
文档参考:https://docs.angularjs.org/api/ng/directive/ngOptions
相关文章:
- javascript模式下的asp.net网格视图获胜'不要执着于改变索引
- Ajax响应并没有改变我的视图模型
- 当模型更新时,backbone和knockout如何使视图改变
- 当变量改变时,在AngularJS中更新视图
- 当视图模型属性改变复选框值时被通知
- windows 8应用程序CSS列表视图改变内联样式
- 在backbone.js中为改变主视图中的位置添加子视图
- 如何在改变视图后维护$scope中的数据?
- AngularJs的Url会改变,但旧的视图是通过ui-router加载的
- 当link只是"#"时,防止routeparams改变视图
- Angularjs改变了窗口大小的视图
- Angular:在改变视图时禁用滚动到顶部
- 在angularJS中调用ajax后改变视图
- 带有改变视图的Reactjs组件
- Angular.JS:视图共享同一个控制器,当改变视图时,模型数据会重置
- 流星关于改变视图和把数组集合的问题
- Angular在作用域中改变对象不会改变视图
- AngularJS $state不会改变视图
- 在ui-select angularjs中,当作用域改变时,无法改变视图
- Angular Js -改变视图不起作用