AngularJs - 表中的动态行

时间:2016-07-21 06:13:15

标签: angularjs

我有两个表,表1和表2 ..表1有一个字段计数。基于计数值(计数值=填充行数),行应自动填充在表2中。我是angularjs的新手。请让我知道如何实现这个

2 个答案:

答案 0 :(得分:1)

要在表格中呈现值,您可以使用ng-repeat指令。

答案 1 :(得分:0)

您可以使用诸如ngIf,ngShow和ngHide指令之类的东西来隐藏或显示基于表达式的DOM对象,或者使用ngRepeat根据控制器中不断增长或缩小的数组动态添加其他DOM对象。

我的猜测是你正在寻找一个可见性指令,所以我认为以下内容可能有所帮助:

<table id="table1">
    <tr data-ng-repeat="row in table1">
        <td>{{row.someData}}</td>
    </tr>
</table>

<table id="table2" data-ng-show="table1.length == 0">
    <tr data-ng-repeat="row in table2">
        <td>{{row.someData}}</td>
    </tr>
</table>

请注意,通过使用控制器中的相应数组作为源,两个表都填充了ngRepeat。在第二个表中,您可以看到一个带有表达式的ngShow指令:“如果table1为空,请告诉我”。

我希望这会有所帮助。