將行附加到嵌套行問題？

問題是，當我將子行附加到父行時，所有其他父行也附加了子行。

使用功能：

$scope.templates=[{src:'template'}]; 
$scope.include = function(templateURI) { 
    $scope.templates.push({src:templateURI}); 
}

添加行：

<button class="btn btn-default btn-sm ng-scope" ng-click="include('rowInRow.html')"> 
    <i class="glyphicon glyphicon-upload"></i> 
</button>

顯示模板：

<div ng-repeat="template in templates"> 
    <div ng-include="template.src">My template will be visible here</div> 
</div>

有人可以給我一個提示？我試圖自己做，但我沒有找到我需要的。

來源

2016-02-02 John Onslaught

倘使這是直觀的在做什麼演示和預期的結果是什麼 – charlietfl

試試這個：http://plnkr.co/edit/ZzPF7UFjKyp2tqn27cf4?p=preview

所有的項目都共享templates集合。通過給每個項目自己的templates數組並通過迭代來解決這個問題。

充分利用include功能分爲：

$scope.include = function(project, templateURI) { 
    if (!project.templates) 
    project.templates = []; 
    project.templates.push({src:templateURI}); 
}

這樣稱呼它：

<button class="btn btn-default btn-sm ng-scope" ng-click="include(project, 'rowInRow.html')"> 
    <i class="glyphicon glyphicon-upload"></i> 
</button>

顯示這樣的：

<div ng-repeat="template in project.templates"> 
    <div ng-include="template.src">My template will be visible here</div> 
</div>

來源

2016-02-02 20:54:00 Cameron

非常感謝卡梅隆！ –

將行附加到嵌套行問題？

回答

相關問題