データを入力するテーブルがあり、動的にクリックされた要素の下に、そのテーブルに他の行を挿入したいと考えています。行と呼ばれる json オブジェクトの配列があり、行をクリックすると、キャンペーンと呼ばれる json オブジェクトの配列がフェッチされます。
これは私のhtmlです:
<tbody>
<tr ng-repeat="row in rows">
<td>
<a href="javascript:;" ng-click="toggleCollapse(row.id)">{{ row.name }}</a>
</td>
<td>{{ row.clicks }}</td>
</tr>
<script type="text/ng-template" id="clicked">
<tr ng-repeat="campaign in campaigns">
<td>
<a href="javascript:;">{{ campaign.name}}</a>
</td>
<td>{{ campaign.clicks }}</td>
</tr>
</script>
</tbody>
これは私の機能です:
$scope.toggleCollapse = function(id) {
var campaignId = id;
if (campaignId === $scope.selectedRow) {
$scope.selectedRow = null;
} else {
$scope.selectedRow = campaignId;
$scope.ads.push({
"id" : 1,
"name" : "TestName",
"clicks" : 400
})
// append template here
}
};