【问题标题】:Building custom angular filter that filters by name构建按名称过滤的自定义角度过滤器
【发布时间】:2015-10-05 21:57:51
【问题描述】:

我正在学习本教程:

http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app

在我的控制器中,我有这个功能:

$scope.searchFilter = function (driver) {
    var keyword = new RegExp($scope.nameFilter, 'i');
    return !$scope.nameFilter || keyword.test(driver.Driver.givenName) || keyword.test(driver.Driver.familyName);
};

在我的 html 中,我有这一行:

<tr ng-repeat="driver in driversList | filter: searchFilter">

在我的 html 搜索栏中,我有这一行:

<input type="text" ng-model="nameFilter" placeholder="Search..."/>

这在searchFilter函数中是做什么的:

return !$scope.nameFilter

当我在搜索栏中没有输入任何内容时,是否需要考虑?如果是这样,它是如何工作的?

【问题讨论】:

    标签: html angularjs filter angular-filters


    【解决方案1】:

    $scope.nameFiler == ''(或null,未定义)

    searchFilter 将返回true

    所以,当用户没有在搜索框中输入任何内容时,过滤器应该返回所有项目。

    【讨论】:

      猜你喜欢
      • 2015-04-17
      • 2014-12-16
      • 2020-07-27
      • 2019-02-16
      • 1970-01-01
      • 1970-01-01
      • 2014-12-01
      • 1970-01-01
      • 2022-10-01
      相关资源
      最近更新 更多