使用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>

單擊該文本時，我需要添加一個TOWER作為文本，我需要添加整個表格...如何使用angularjs實現它？

Answer 1

您可以使用ng-repeat遍歷一個虛擬數組，該數組的長度是所需的表數：

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

然后在您的控制器中：

// 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);
};

如果您不喜歡使用虛擬數組，請查看其他人提出的解決方案 ，以使其看起來更好。