Question

我有一个表格，我用数据填充，我想在动态点击的元素下面向该表插入其他行。我有一个名为行的json对象数组，当我点击一行时，它应该获取一个名为campaign的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

您不需要单独的模板，只需直接插入。如果广告系列数组中没有任何内容，则会有0个广告系列。

在angular.js中添加内容

1 个答案: