按angularjs中的选定选项筛选帖子 {{portfolio.name |大写}-[{{{portfolio.type |小写}] 红黑的

如何使用select按“类型”筛选？当我选择红色时，我只想显示红色的投资组合。我该怎么做

---

谢谢

您可以在

下拉列表中添加
ng model
属性

，并在

ng repeat

的

filter

中引用该属性

<div class="ng_wrapper"
data-ng-init="portfolios=[
{name: 'Portfolio 1', type: 'red'},
{name: 'Portfolio 2', type: 'red'},
{name: 'Portfolio 3', type: 'black'},
{name: 'Portfolio 4', type: 'black'}
]">    
    <ul>            
        <li data-ng-repeat="portfolio in portfolios | filter:type ">
        {{ portfolio.name | uppercase }} - [{{ portfolio.type | lowercase }}]
        </li>
    </ul>
<select><option>red</option><option>black</option></select>
</div>

{{portfolio.name |大写}-[{{{portfolio.type |小写}]


红色
黑色

工作演示：

<div class="ng_wrapper" data-ng-init="portfolios=[
{name: 'Portfolio 1', type: 'red'},
{name: 'Portfolio 2', type: 'red'},
{name: 'Portfolio 3', type: 'black'},
{name: 'Portfolio 4', type: 'black'}
]">
    <ul>
      <li data-ng-repeat="portfolio in portfolios | filter:portfolio_type ">
        {{ portfolio.name | uppercase }} - [{{ portfolio.type | lowercase }}]
      </li>
    </ul>
    <select ng-model="portfolio_type">
      <option>red</option>
      <option>black</option>
    </select>
  </div>