Question

我需要帮助angularJS。我打电话给ajax如下：

<div ng-controller="MainController">
  <select ng-model="data1"
          ng-options="data for data in data1">
    <option value=""></option>
  </select> 
  {{data1}}
</div>

在我看来，我有以下代码：

{{1}}

我的问题是下拉列表在视图中没有变化。任何人都可以帮我吗？提前谢谢

Answer 1

您的问题是ng-options而ng-model使用相同的属性data1。

当您选择一个值时，所选值绑定到ng-model的属性，因此data1 ng-options正在使用data1，因此会被覆盖。< / p>

所以基本上你的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

在angularJS中调用ajax后更改视图

1 个答案: