javascript - 在 angular.js 中附加内容

Question

我有一个填充了数据的表，我想在动态单击的元素下将其他行插入到该表中。我有一个名为 rows 的 json 对象数组，当我单击一行时，它应该获取一个名为campaigns 的 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个campaign。