尝试在 angularjs 中使用 ng-options
trying to use ng-options in angularjs
我正在尝试使用 ng-options,但我的选择框仍然是空的。
这是我的包含对象的数组:
[Object { superkund_id="4", nod_id="12068", namn="Växjö Fagrabäck"}, Object { superkund_id="5", nod_id="9548", namn="Halmstad Bågen / Pilen"}]
我正在尝试像这样使用 ng 选项:
<td><select class="form-control input-sm2" ng-options="namn for namn in abbOptions"></select></td>
这是我的 js 代码:
$http.get($rootScope.appUrl + '/nao/abb/getDataOptionsForAbb/' + $rootScope.abbForm)
.success(function(data, status, headers, config) {
$scope.abbOptions = data;
console.log($scope.abbOptions);
});
谁能解释一下我做错了什么?
编辑:
我是这样写解决的:
item.superkund_id as item.namn for item in abbOptions
对于 ng-options
,您需要在 select
中添加 ng-model
至于显示选项文本,您的语法有点偏离(除非您想要 [object object]),它是 ng-options="value as text for item in array"
- 假设您想要 ID 作为值:
ng-options="item.superkund_id as item.namn for item in abbOptions"
我正在尝试使用 ng-options,但我的选择框仍然是空的。
这是我的包含对象的数组:
[Object { superkund_id="4", nod_id="12068", namn="Växjö Fagrabäck"}, Object { superkund_id="5", nod_id="9548", namn="Halmstad Bågen / Pilen"}]
我正在尝试像这样使用 ng 选项:
<td><select class="form-control input-sm2" ng-options="namn for namn in abbOptions"></select></td>
这是我的 js 代码:
$http.get($rootScope.appUrl + '/nao/abb/getDataOptionsForAbb/' + $rootScope.abbForm)
.success(function(data, status, headers, config) {
$scope.abbOptions = data;
console.log($scope.abbOptions);
});
谁能解释一下我做错了什么?
编辑:
我是这样写解决的:
item.superkund_id as item.namn for item in abbOptions
对于 ng-options
,您需要在 select
ng-model
至于显示选项文本,您的语法有点偏离(除非您想要 [object object]),它是 ng-options="value as text for item in array"
- 假设您想要 ID 作为值:
ng-options="item.superkund_id as item.namn for item in abbOptions"