Javascript AngularJS curstom指令和ngRepeat

我正在尝试用AngularJS制作一个平面化应用程序。主要功能是创建一个任务。 我想将任务的源放在指令中：

<section id="runningTasks" ng-controller='RunningTaskCtrl as ctrl'>
    <task class="task" ng-repeat='task in ctrl.tasks'></task>
</section>

以及task.html的内容：

<div class="task" ng-click="task.editting = true" task>
    <h1>{{ task.title }}</h1>
    <p>
        {{ task.comment }}
    </p>
    <div class="edit-task" ng-show="task.editting">
        <form ng-submit="ctrl.propose(task)">
            ... form stuff ...
        </form>
    </div>
</div>

（清洁链接：）

我以前就有过这个问题，我只是把模板的内容放在了ngRepeat中，不再去想了，但这次我想以一种好的方式做事情

谢谢你的回答

您的问题是：

<div class="task" ng-click="task.editting = true" task>

由于这是根据任务指令创建的模板的一部分，因此您正试图反复添加任务指令

改为：

<div class="task" ng-click="task.editting = true">

<div class="task" ng-click="task.editting = true" task>

<div class="task" ng-click="task.editting = true">