javascript - AngularJS - 在 ng-repeat 中排除数组键

标签 javascript angularjs select filter

我有以下数组:我获取键并根据键生成选择输入,选项是值。所以最后我有四个选择/下拉菜单,每个都有两个值。

{
  sku: "401150201025",
  test1: "2,0x1,0",
  test12: "2,5",
  test13: "15,0"
},
{
  sku: "401060120714",
  test1: "1,2x0,7",
  test12: "1,4",
  test13: "6,0"
}  

如何过滤“sku”键,以便不出现“sku”选择。

  <fieldset class="form-group" ng-repeat="(filterName, values) in availableFilters">
    <label class="pull-left"><% filterName %></label>
    <select class="form-control configurator-radio form-control-lg" ng-model="filter[filterName]">
        <option value="!" selected>Alle</option>
        <option value="<% value %>" ng-repeat="value in values"><% value %></option>
    </select>
  </fieldset>  

这就是我生成下拉菜单的方式。

最佳答案

假设在 ng-repeat 内的一次迭代中,filterName 为“sku”,您可以使用 ng-if 来不显示它。它根本不会被添加到 DOM 中。

<select ng-if="filterName != 'sku'" class="form-control configurator-radio form-control-lg" ng-model="filter[filterName]">

关于javascript - AngularJS - 在 ng-repeat 中排除数组键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32713820/

相关文章:

javascript - 如何在按钮可见时触发 javascript 事件?

javascript - 在 ng-repeat 中隐藏元素

php - MySQL Select 语句 Where table1.id != table2.id

sql - TSQL SELECT,然后在一个事务中进行UPDATE,然后返回SELECT

c# - Mootools 幻灯片

javascript - 无法使用 jqxDateTimeInput 手动输入日期

javascript - 如何获得 td 元素相对父 tr 元素的顶部偏移量?

javascript - Angular 提供者服务需要 init 函数运行一次

jQuery UI Select 与验证插件结合使用

javascript - React Native 组件未使用 componentWillMount 或 componentDidMount 中的异步 redux 操作进行渲染