AngularJS curstom directive і ngRepeat - javascript, angularjs, angularjs-ng-repeat

Я намагаюся зробити додаток для планування за допомогою AngularJS. Основна особливість полягає у створенні Завдання. Я хочу поставити джерело завдання в директиву:

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

Для кожного завдання я додаю його у діві. Ось моє визначення директиви:

.directive("task", function(){
return {
restrict: "EA",
replace:"true",
templateUrl: "/Planificator/directives/task/task.html",
link : function(scope, element, attrs){
var date = $(element).find(".datepicker");
date.datepicker();
date.datepicker("option", "dateFormat", "dd-mm-yy");
}
};
})

І зміст 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>

Моя проблема, коли я запускаю свою сторінку, я отримую помилку:

Error: [$compile:multidir] http://errors.angularjs.org/1.2.26/$compile/multidir?p0=task&p1=task&p2=tem…3D%20true%22%20task%3D%22%22%20ng-repeat%3D%22task%20in%20ctrl.tasks%22%3E
at Error (native)

(чисте посилання: Генератор кутових помилок)

Я вже мав цю проблему, і я просто помістив вміст шаблону в ngRepeat і більше не думаю, але цього разу я хотів би, щоб це було добре.

Дякую за відповіді!

Відповіді:

Ваша проблема полягає в тому, що:

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

Оскільки це частина шаблону, створеного з директиви задач, ви намагаєтеся додавати директиву завдання знову і знову.

Перейти:

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