0

我有一个带有 cutsom 过滤器的 ng-repeat，可以根据任务的完整状态和用户的当前设置来包含/排除任务。我工作正常，直到 ng-model 更改导致任务不再是过滤器的一部分，它不会触发 ng-click 事件。

在下面的特定情况下，用户设置是不显示已完成的任务。当复选框完成时， task.complete 更改为 true ，这会导致它从过滤器中删除（到目前为止还不错），但是toggleCompleteTask(user,task)ng-click 不会触发（这会更新数据库中的任务）。如果我首先更改用户设置以显示已完成和未完成的任务，那么一切正常，因此通过从过滤器中删除它会以某种方式停止 ng-click。

如何从过滤器中删除并触发 ng-click 事件？

这是我的重复：

<li ng-repeat="task in display_group.tasks | showHiddenAndCompleted:user" mahi-task></li>

还有我的自定义过滤器：

angular.module('mahiFilters', []).filter 'showHiddenAndCompleted', ->
  (tasks, user) ->
    items =
      out: []

    if tasks
      items.out.push.apply(items.out, tasks.filter (t) -> return t.complete if user.show_completed)
      items.out.push.apply(items.out, tasks.filter (t) -> return !t.complete if user.show_uncompleted)

      if !user.show_hidden #loop through all tasks and add remove those that are hidden by user items.out array
        i = items.out.length - 1
        while i >= 0
          if items.out[i].hidden_by_user == true
            items.out.splice i, 1
          i--

    items.out #retun the items.out

和输入复选框：

<input ng-click="toggleCompleteTask(user,task)" type="checkbox" ng-model="task.complete">
4

1 回答 1

1

尝试 ng-change 而不是 ng-click ：

<input ng-change="toggleCompleteTask(user,task)" type="checkbox" ng-model="task.complete">
于 2016-04-21T01:18:12.760 回答