我犯了一个taskfilter和我需要的,如果选择了其他按钮来编辑影片名称的tekst,我尝试了范围,但该doen't工作做你们知道mayby somethiing否则,如果范围不工作的?我可以通过过滤器放置一个示波器吗?
,我说这件事$范围,infotitel的规则,我想也把范围的功能在上面的过滤器,但也不能正常工作。
我的继承人过滤代码
$ scope.infoTitel = '已完成'; -------------我把这个在每一个if语句,因为单击它过滤掉任务到完成或没有,但我想用它来展现tekst范围在HTML completted ETCC
return function(values, taskCompleted) {
// filter
return values.filter(function(value){
if(taskCompleted === 1) {
$scope.infoTitel = 'completed';
return value.completed;
}
else if(taskCompleted === 2){
$scope.infoTitel = 'all';
return true;
}
else if(taskCompleted === 3){
$scope.infoTitel = 'deadline missed';
return value.dateExpired;
}
// initially don't filter
else if(!value.completed && !value.dateExpired){
$scope.infoTitel = 'to do';
return value;
}
//return $sce.trustAsHtml(output); voor als html verandert
});
};
这是那里的按钮是
<div class="mini-nav">
<a class="clear-completed" ng-click="taskfilter = 3" ng-class="{'active' : taskfilter == 3}">
<span>deadline missed</span>.
</a>
<a class="clear-completed" ng-click="taskfilter = 2" ng-class="{'active' : taskfilter == 2}">
<span>show all </span>.
</a>
<a class="clear-completed" ng-click="taskfilter = 1" ng-class="{'active' : taskfilter == 1}">
<span>show completed</span>.
</a>
<a class="clear-completed" ng-click="taskfilter = 0" ng-class="{'active' : taskfilter == 0}" ng-init="">
<span>to do</span>.
</a>
</div>
这是HTML的一部分,该第一行,其中i想要显示它
利纳克重复=“待办事项在任务| filterTask:taskfilter“ ng-class =“getCSSClass(todo)”------------- filterTask是自定义过滤器,我想把范围tekst放入它,这样的第一段代码。
{{infoTitel}}家人
-----------这是我想
<h1>{{ infoTitel }} by family</h1>
<div id="main" style="display: block;">
<ul id="todo-list" class="unstyled">
<li ng-repeat="todo in tasks | filterTask:taskfilter " ng-class="getCSSClass(todo)" >
<div class="view" ng-keyup="editTodo()">
<input type="checkbox" ng-click="toggleTodo(todo)" class="check-done-{{todo.completed}}" ng-hide= "todo.dateExpired "/>
<span class="done-{{todo.completed}}">{{todo.task}} </span>
<p ng-show="todo.completed">completed by: {{ todo.completedBy.name }} </p>
<p ng-show="todo.completed">date completed : {{ todo.dateCompleted | date : "MMM d, y h:mm a" }}</p>
<p ng-hide="todo.completed" ng-if= " !todo.dateExpired ">task deadline : {{ todo.timeToDeadline || "no deadline" | date : "MMM d, y h:mm" }}</p>
<p ng-hide="todo.completed" ng-if= " todo.dateExpired ">deadline missed on {{ todo.dateExpiration | date : "MMM d, y h:mm a"}}</p>
<div class="bar-holder" ng-show="todo.percentage || todo.percentage == 0" ng-if="!todo.completed " >
<div class="bar" style="width: {{todo.percentage}}%;" ></div>
</div>
</div>
<input class="edit" type="text" ng-model="todo.text" ng-keyup="editOnEnter(todo)" />
</li>
</ul>
请分享一些小提琴或至少更新你的问题,包括整个指令代码和你使用它的html – Dario
我更新了tekst,我认为它已经清除我在哪里使用我的HTML代码 –