在 angular.js 中附加内容

Question

我有一个用数据填充的表，我想在动态单击的元素下向该表插入其他行。我有一个称为行的 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 
    }

};

Answer 1

你不需要单独的模板，直接输入即可。如果campaigns数组中没有任何内容，那么会有0个campaigns。