Angular 101:使用对象属性的ngShow不起作用

时间:2014-08-24 22:01:22

标签: javascript angularjs

少"不工作"还有更多"我想我没有正确地做到这一点"。这是相关的标记:

<select ng-model="strength">
    <option selected="selected" value="ALL">All</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>


<table style="" class="table table-striped table-hover table-condensed">
    <tbody>
        <tr ng-show="row.strength" ng-repeat="row in yearly | orderBy:'-year'">
            <td>{{row.season | season}}</td>
            <td>{{row.strength}}</td>
            <td>{{row.n}}</td>
            <td>{{row.a}}</td>
        </tr>
    </tbody>
</table>

目的是为每一行提供ALL123的力量。我想根据所选值显示/隐藏行。这是最好的方法吗?

1 个答案:

答案 0 :(得分:1)

如果我正确地读了你的意图,你需要在这里使用一个表达式。 ng-show="row.strength === strength"

另请注意,您可以通过ng-repeat使用省略了与strength不匹配的值的过滤器来获得相同的结果。我认为ng-show这里很清楚。