在angularjs

时间:2016-04-12 07:25:07

标签: javascript angularjs

我想默认显示json中的值,类似于

[{"city":"SURAT"},{"city":"BARODA"},{"city":"AHMEDABAD"},{"city":"MUMBAI"}]

这是来自服务器。我将此值存储在$ scope.user_all_city中,并且有一个城市提供给用户,这是我存储在此

$scope.user_city = "surat";

现在我的选择标签就是这样的

<select ng-model="model.user_all_city" ng-options="rm.city for rm in user_all_city" ng-init="model.user_all_city=user_city">

显示第一个值为空白。当我打印{{mode.user_all_city}}时,它返回到我的默认城市,但它没有显示为选定的选项。

请在这里帮助我以及如何在我更改值时调用函数。

1 个答案:

答案 0 :(得分:1)

尝试使用ng-repeat而不是ng-options基本上ng-options在angularjs中没有那么多的描述。

  <select ng-model="cityName" required>
<option>Select city</option>
<option ng-selected="cityName==city" value="{{city}}" ng-repeat="city in cityList"></option>
</select>

这里必需的属性将枚举选择城市在空值的情况下突出显示。和ng-selected将检查该表达式是否为真并且仅选择了该对象。不知道model = cityName在此处扮演选定值的角色。