Question

我正在制作一个嵌套行的表。

问题是，当我将子行附加到父行时，所有其他父行也会追加子行。

使用功能：

$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>

有人可以给我一个提示吗？我试图自己做，但我找不到我需要的东西。

Answer 1

试试这个：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>

将行添加到嵌套行会发出什么问题？

1 个答案: