文章/答案/技术大牛

发布

社区首页 >问答首页 >角滤波由单ng模型，但多属性？

问角滤波由单ng模型，但多属性？
EN

Stack Overflow用户

提问于 2016-07-06 21:12:34

回答 1查看 58关注 0票数 1

我有以下输入数据：

  $scope.postList = [{
    name: "Hello World #1",
    is_published: false,
    targeting: false
  }, {
    name: "Hello World #2",
    is_published: true,
    targeting: true
  }, {
    name: "Hello World #3",
    is_published: true,
    targeting: true
  }, {
    name: "Hello World #4",
    is_published: false,
    targeting: true
  }];

现在，我应该能够从下面的select筛选结果(使用ng-repeat显示)。

<select ng-model="filterByCriteria">
   <option ng-value="published">Published</option>
   <option ng-value="published">Unpublished</option>
   <option ng-value="targeting">Custom Targeting</option>
   <option ng-value="public">Public</option>
</select>

如您所见，“已发布/ Unliblished”与is_published属性相关，而“自定义目标/公共”与targeting属性相关。

Plnkr：http://plnkr.co/edit/Ej8qSGCUbts0RVVJspM1?p=preview

angularjs

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-06 21:48:56

您可以这样做:添加这个新对象

$scope.filterByCriteria = [{
    is_published: true
}, {
    is_published: false
}, {
    targeting: true
}, {
    targeting: false
}];

在HTML中

<body ng-app="myApp">
<div ng-controller="myController">
  <div>
    Filter by:
    <select ng-model="selectedCriteria">
      <option value="0">Published</option>
      <option value="1">Unpublished</option>
      <option value="2">Custom Targeting</option>
      <option value="3">Public</option>
    </select>
  </div>
  <ul>
    <li ng-repeat="post in postList | filter: filterByCriteria[selectedCriteria]">
      {{post.name}}
    </li>
  </ul>
</div>

下面是一个例子

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38233856

复制

相似问题

问角滤波由单ng模型，但多属性？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角滤波由单ng模型，但多属性？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角滤波由单ng模型，但多属性？
EN