Question

当我尝试使用具有我离开的格式的排列加载选项时，第一个选项为空白，以下是我的排列值。当我尝试选择另一个我无法获得价值的选项时，这对我来说是一个问题。

<select ng-model='form.type' 
    ng-options="item.name for item in organizations" 
    ng-change="update({{form.type.id}})">
</select>

格式：

{"status":0,"Area":[{"id":"1","name":"Marketing","private":null},{"id":"2","name":"Ventas","private":null},{"id":"5","name":"Soporte","private":null}],"Count":3}

控制器：

$scope.organizations = data.Area;

Answer 1

在您的案例中发生的情况是，您的ng-model变量form.type在选择下拉列表中不包含您的选项值。这就是为什么你看到一个空行。如果你想要它，例如，第一个，你可以这样做（我改为selected变量，但它根本不重要）：

$scope.organizations = [{"id":"1","name":"Marketing","private":null},{"id":"2","name":"Ventas","private":null},{"id":"5","name":"Soporte","private":null}];

$scope.selected = $scope.organizations[0].id;

现在，selected变量包含您选项的id。但那还不是全部。您还需要稍微修改HTML，让ng-options将id作为您的值。它可以是你想要的任何东西，不一定是id，但这就是我认为你需要的原因，你可以改变它：

<select ng-model='selected' ng-options="item.id as item.name for item in organizations" ng-change="update({{selected}})">

Fiddle

ng选项选择角度js

1 个答案: