Question

在Angularjs中，我有一个选择控件：

<select ng-model="modtipoProdotto.Ruoli" ng-options="ruolo.Name for ruolo in ruoli" class="form-control" multiple size="8"></select>

我在控制器中填充了url请求：

gestionale.controller('productController', function($scope, $http, Restangular){
   ...
   ...
   $scope.ruoli = "data from url";
}

对象$scope.ruoli有8个元素。现在我想在选择控件中选择一个项目，例如，在angularjs控制器中，我试过了：

$scope.modtipoProdotto.Ruoli = $scope.ruoli[0];

为什么这不起作用？

Answer 1

要设置<select>中的默认选项，请执行以下操作：

$scope.modtipoProdotto.Ruoli = "someValue";

要从<select>获取所选值，请执行以下操作：

var someValue = $scope.modtipoProdotto.Ruoli

ng-options变量也必须是对象数组，而不是字符串。尝试将$scope.ruoli = "data from url";更改为：

$scope.ruolo = [
    {
        text : 'SomeText',
        value: 'SomeValue'
    },
    {
        text : 'SomeOtherText',
        value: 'SomeOtherValue'
    },
]

并将您的HTML更改为：

<select ng-model="ruoli.value" ng-selected="0" ng-options="ruoli.value as ruoli.text for ruoli in ruolo"></select>

Angularjs：选择控件中的项目

1 个答案: