如何使用角度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塔爲我的文字，當我點擊它，我需要添加一個完整的表...我如何使用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); 
}; 

如果你不喜歡使用一個虛擬陣列，檢查出some other solutions人們想出了讓它看起來更好一點。