2017-01-23 96 views
2

我犯了一个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> 
+0

请分享一些小提琴或至少更新你的问题,包括整个指令代码和你使用它的html – Dario

+0

我更新了tekst,我认为它已经清除我在哪里使用我的HTML代码 –

回答

0

我发现这个问题我可以改变tekst的tekst按钮中,又增加了点击,直接在那里,因此{{infoTitel}}家人

dsplays上的

地方
<div class="mini-nav"> 
      <a class="clear-completed" ng-click="taskfilter = 'missed'; infoTitel = 'Deadline missed'" ng-class="{'active' : taskfilter == 'missed'}"> 
       <span>deadline missed</span> 
      </a> 
      <a class="clear-completed" ng-click="taskfilter = 'all'; infoTitel = 'All'" ng-class="{'active' : taskfilter == 'all'}"> 
       <span>show all </span> 
      </a> 
      <a class="clear-completed" ng-click="taskfilter = 'completed'; infoTitel = 'Completed'" ng-class="{'active' : taskfilter == 'completed'}"> 
       <span>show completed</span> 
      </a> 
      <a class="clear-completed" ng-click="taskfilter = 'todo'; infoTitel = 'To do'" ng-class="{'active' : taskfilter == 'todo'}" ng-init=""> 
       <span>to do</span> 
      </a> 
     </div> 

PS加入tekst:改变了3,2,1, 0 filternames in to miss,all,completed and todo for better understanding to filter

相关问题