1

データを入力するテーブルがあり、動的にクリックされた要素の下に、そのテーブルに他の行を挿入したいと考えています。行と呼ばれる 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 
    }

};
4

1 に答える 1

0

別のテンプレートは必要ありません。直接入力するだけです。キャンペーン配列に何もない場合、キャンペーンは 0 になります。

于 2012-10-07T16:37:21.347 に答える