AngularJS curstom directive and ngRepeat
AngularJS curstom directive and ngRepeat
我正在尝试用AngularJS制作一个平面化应用程序。主要功能是创建Task。我想把任务的来源放在一个指令中:
<section id="runningTasks" ng-controller='RunningTaskCtrl as ctrl'>
<task class="task" ng-repeat='task in ctrl.tasks'></task>
</section>
对于每个任务,我都将其添加到div中。这是我的指令定义:
.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">
相关文章:
- 如何使用ngrepeat和双向绑定获得指令的隔离范围
- Selenium WebDriver and JavaScript change
- 如何将ngrepeat下的ngmodel绑定到$scope
- Angular ngRepeat:重复错误(尽管没有重复的密钥)
- PHP and Javascript functions
- Javascript Return and if/else
- SetTimeout and clearTimeout in Javascript
- lightbox in html 5 and javascript
- TimelineJS and AngularJS
- timeago.js with datatable and PHP
- javascript button ajax and php
- Ajax and Json with Rails
- Combine onload, onresize and onclick
- php布尔值's小写AND大写和数字布尔值'可以接受
- 如何按对象反转Angular ngRepeat的顺序's键,这些键是数字键
- setTimeout and V8
- Jquery post and onclick
- Moment js and IOS
- AngularJS curstom directive and ngRepeat
- AngularJS $rootScope:infdig and ngRepeat:dupes