javascript - Angular 过滤器: how to get filter complete callback?

标签 javascript angularjs

我正在寻找$filter过滤器完成数据过滤后的回调函数

HTML

<input type="text" ng-model="searchvalue">
<span ng-click="searchbtn()">Search</span>

JS

$scope.searchbtn = function() {
  $scope.loading = true;
  $scope.mysearchvalue = $scope.searchvalue;
}

当用户输入关键字时,我的数据将被过滤,过滤数据后我需要一个回调函数。

我尝试使用“DOMSubtreeModified”但返回继续日志

var myElement = angular.element(document.getElementById("mycontent"));
myElement.bind("DOMSubtreeModified", function() {
  console.log("keep outputting this message");
});

enter image description here

最佳答案

正如我在评论中所说,为什么不在没有单独输入按钮的 Controller 中使用一点延迟(去抖)和过滤结果。考虑一下

HTML 模板

<body ng-controller="MainCtrl">
  <pre ng-bind="filteredData | json"></pre>
  <input type="text" ng-model="search" ng-model-options="{debounce:250}">
</body>

JavaScript

angular.module('app', [])
.controller('MainCtrl', function($scope, $filter) {
  $scope.data = [{text:'aa'},{text:'ab'}];
  $scope.$watch('search', function(val) {
    $scope.filteredData = $filter('filter')($scope.data, val);
  }); 
}); 
<小时/>

image

关于javascript - Angular 过滤器: how to get filter complete callback?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39210894/

相关文章:

javascript - jquery 或 jquery mobile 中的分页

javascript - 如何在 Node 脚本中重用 Angular 模块

angularjs - Aptana AngularJS 支持

javascript - 在另一个作用域变量中使用 AngularJS 作用域变量

javascript - 访问函数不同级别的变量

javascript - 在不使用其名称的情况下引用静态方法内部的类

Javascript 匹配以查看是否提供了电子邮件或电话号码

javascript - 检测不规则形状

javascript - 在手动引导之前使用 Angular 服务

angularjs - 在 TypeScript 中扩展 AngularJS $resource 工厂