[已解决]ng-selected不起作用

软文推广2个月前发布刘老三

6 0

我的问题是ng-selected设置为true但选项没有被选择

这是我的控制器代码

.controller(“PendingInvoiceCtrl”, function($scope, $location, safeApply, dataService) {
var userData = dataService.data();
var mauth_token = userData.mauthToken;
var mauth_acntId = userData.thisApartment.account;
var apt_id = userData.thisApartment.id;

$scope.house_list = userData.thisApartment.house;
$scope.selectedHouseId = $location.search().houseId;

console.log($scope.selectedHouseId);
});

这是我的 HTML 代码

<select ng-model=”selectedHouseId”>
<option ng-repeat=”house in house_list” ng-selected=”{{ house.house_id == selectedHouseId }}” value=”{{ house.house_id }}”>
{{ house.house_display_name }}
</option>
</select>

下面是我的数据格式

{
house:[0]:{
house_display_name: “paras, 101”,
house_id: “520755”
}
}

解决方案

这些ng-属性不需要额外的花括号。尝试：

<option ng-repeat=”house in house_list” ng-selected=”house.house_id == selectedHouseId” ng-value=”house.house_id”>
{{house.house_display_name}}
</option>

更好的方法是使用标签ng-options的可能性select。这将导致：

然后您无需手动担心selected选项的属性，因为它会根据模型的值选择一个。