【问题标题】:Data binding in AngularJSAngularJS 中的数据绑定
【发布时间】:2014-07-12 18:30:27
【问题描述】:

我是 AngularJS 的新手,我猜有一个非常基本的问题。

我有一个下拉列表,根据选择,我希望在下面的表格中更新所有信息。

<div ng-controller="RightCtrl as right">
  <select ng-model="right.selectedModule">
    <option ng-repeat="module in right.modules" value="{{module.id}}">{{module.name}}
    </option>
  </select>
  <table>
  <thead>
    <th>Right name</th>
    <th>Description</th>
  </thead>
  <tbody ng-repeat="module in right.modules | filter: right.isCurrent">
  <tr ng-repeat="selRight in module.rights">
    <td right-id="{{selRight.id}}">{{selRight.name}}</td>
    <td>
      {{selRight.description}}
    </td>
  </tr>
  </tbody>
  </table>
</div>

我有一个 jsfiddle (http://jsfiddle.net/EN3S9/) 并感谢每一个帮助。可能我还没有完全理解这个概念。

【问题讨论】:

    标签: angularjs 2-way-object-databinding


    【解决方案1】:

    我认为您正在寻找的是根据所选对象进行过滤,例如:

    <tbody ng-repeat="module in right.modules | filter:right.selectedModule">
    

    这是完整的演示:

    Online Demo

    【讨论】:

    • 太棒了!谢谢!我想我还没有完全理解过滤器是如何工作的。过滤器如何知道要过滤的参数?
    猜你喜欢
    • 2013-12-22
    • 1970-01-01
    • 2016-12-12
    • 1970-01-01
    • 1970-01-01
    • 2014-01-14
    • 2016-06-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多