html - Angularjs - 选择/选项 - 应用过滤器后设置默认选择

Question

请看一下这个 plunkr。

我有几个根据一些简单条件过滤的选择列表。通过单击“添加”按钮可以动态构建一个（植物）列表。添加每一行时，我希望选择自动选择列表中的第一项。请记住，有过滤器，项目会根据表单顶部的选择列表 (SalesOrg) 更改。

最好，我想在控制器中不使用 DOM 来执行此操作。

更新：看看这个更简单的 plunk。选择“德克萨斯”作为州。相应地过滤了城市下拉菜单。初始选择不起作用，因为原始下拉变量 (DropDownData.Cities) 不再是选择的来源 - 它已被过滤。

Answer 1

只需ng-init像这样使用：

<select class="form-control"  id="selSalesOrg" ng-model="SelData.SalesOrg"
    data-ng-options="salesOrg.id as salesOrg.Description for salesOrg in DropDownData.SalesOrgs"
    ng-init="SelData.SalesOrg = DropDownData.SalesOrgs[0].id">
    </select>

固定的PLunker

第二种方法是ng-init指令添加到您的控制器，例如：

$scope.SelData.SalesOrg = DropDownData.SalesOrgs[0].id; 

评论**

由于您实际上使用过滤器，因此我们不能在过滤后取第一个元素，而是在列表中取第一个元素