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

请看一看

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

最好，我不想在控制器中使用DOM

---

更新：看看这个。选择“德克萨斯州”作为州。城市下拉列表已相应过滤。初始选择不起作用，因为原始下拉变量（DropDownData.Cities）不再是选择的源-它已被过滤。

只需使用

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>

评论**

---

由于您使用的是filter，所以实际上我们不能使用第一个元素，而是在筛选后使用列表中的第一个元素

<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>

评论**

---

由于您使用的是过滤器，所以实际上我们不能使用第一个元素，而是在过滤后使用列表中的第一个元素。另外，看看这个简单的plunk:。这正是我想要的：我想要访问过滤列表。在这个plunk中，选择“Texas”，ng init将不再工作，因为原始列表中的第0个元素不再位于“select”中。谢谢。另外，看看这个简单的plunk:。这正是我想要的：我想要访问过滤列表。在此plunk中，选择“Texas”，ng init将不再工作，因为原始列表中的第0个元素不再位于“select”中。