javascript - 使用 Angular js 单击按钮时如何复制 HTML 表格代码？

Question

我在 Html 中创建了整个表，但我想实现以下功能:如果我单击文本，我需要在应用程序中复制相同的表 (Html) 代码。

我的 HTML:

  <th class="bx--table-header bx--table-sort" data-event="sort" ng-click="vm.addTowerTable()">
    <a class="text-decoration-none"><i class="fa fa-plus-circle" aria-hidden="true" style="padding-right:10px;"></i>Add Tower</a>
</th>

我有一个 ADD TOWER 作为我的文本，当我点击它时，我需要添加整个表格...我如何使用 angularjs 实现它？

Answer 1

您可以使用ng-repeat来循环一个虚拟数组，其长度是您需要的表的数量:

<table ng-repeat="table in vm.tables">
    ...
    <th ng-click="vm.addTowerTable()">
        ...
    </th>
</table>

然后在你的 Controller 中:

// Right now I am just pushing null since we need something in the
// array. You could push some data about each table.
vm.tables = [null];

vm.addTowerTable = function() {
    vm.tables.push(null);
};

如果您不喜欢使用虚拟数组，请查看 some other solutions人们想出了让它看起来更好一点的办法。