javascript - 从另一个嵌套 Controller 调用函数

Question

我的 View 正在使用我的ProjectController:

<tbody ng-controller="ProjectController">
    <tr ng-repeat="task in tasks">
        <td class="col-md-3">{{ task.id}}</td>
        <td class="col-md-2">{{ task.taskType.name }}</td>
        <td class="col-md-2">{{ task.description }}</td>
        <td><div ng-bind-html="callMethodFromTaskController(task)"></div></td>
        <td><a href="#/tasks/{{ task.id }}" class="btn btn-xs btn-primary">Abrir</a></td>
    </tr>
</tbody>

如何调用 callMethodFromTaskController(TaskController 内的一个函数)来设置信息样式？

Answer 1

嘿，有几种方法可以做到这一点。

最简单的可行方法是将 callMethodFromTaskController() 的输出放在 task.methodOutput 上，然后将 methodOutput 放在 div 中:<div ng-bind-html="task.methodOutput"></div>

在运行时调用它可能是有原因的。不要将该功能放在 Controller 上，而是将该功能放在 task 上。反而。这已经在范围内了:

<div ng-bind-html="task.callMethodFromTaskController()"></div>

我认为从长远来看，你会发现它与 Angular 思维更兼容。

如果那不起作用。那么您可能正在制作一个特殊的控件。在这种情况下，请考虑使用“指令”(比听起来更简单、更有趣)。

在这种情况下，您可以将任务传递给指令，如下所示:

<tbody ng-controller="ProjectController" ng-repeat="task in tasks">
   <taskDirective task="task">
</tbody>

您可以了解有关指令的更多信息 here .