Question

我是AngularJs的新手并且有些困难。

Angular App：

// getting specs category
$http({
    method: 'POST',
    url: 'http://localhost/sjb/public/admin/angular/events/deelnemers/edit/specs',
    data: {'specid': 11}
}).then(function successCallback(response){
    $scope.SpecCategory = response.data;
    console.log($scope.SpecCategory);
}, function errorCallback(response) {
    alert("Fout met ophalen specs ID 11.");
});

前端

<select name="category" ng-model="user.cat_id">
    <option ng-repeat="Cat in SpecCategory" ng-selected="Cat.spec_value == editEventUser.cat_id" value="{{Cat.spec_value}}">{{ Cat.spec_name }}</option>
</select>

值

Cat.spec_value = 1

editEventUser.cat_id = 1

但该选项未被“选中”？

请帮忙;

是什么问题

ng-selected="Cat.spec_value == editEventUser.cat_id"

不起作用？

Answer 1

答案可能在ng-select的文档中：

注意：ngSelected不与select和ngModel交互指令，它只在元素上设置selected属性。如果你在select上使用ngModel时，不应该使用ngSelected 选项，因为ngModel将设置选择值和选定的选项。

如果你想使用ng-model，那么你必须删除ng-selected，然后使用user.cat_id来匹配你选择的一个值。

<select name="category" ng-model="user.cat_id">
    <option ng-repeat="Cat in SpecCategory" value="{{Cat.spec_value}}">{{ Cat.spec_name }}</option>
</select>

AngularJs 1.6获取表单的值

1 个答案: