当前位置: 首页 > 面试题库 >

如何在angular.js中从另一个过滤器调用一个过滤器

夏骞尧
2023-03-14
问题内容

我有一个过滤器linkifyStuff,其中需要使用其他过滤器处理一些变量。我无法弄清楚从另一个调用一个过滤器的语法。

我了解过滤器链接-这不是我想要的。我想将过滤器应用于linkifyStuff过滤器中的局部变量,而不是其输入或输出。

我希望像下面这样工作,但是$ filter(’filtername’)显然不是正确的语法。

module.filter('sanitizeStuff', function() {
    // ...
})

module.filter('prettifyStuff', function() {
    // ...
})

module.filter('linkifyStuff', function($filter) {
    return function(text) {
        // ...
        // ...
        return $filter('sanitizeStuff')(foo) + ' whatever ' + $filter('prettifyStuff')(bar)
    }
})

我可以为sanitizeStuff和sanitizeStuff编写一个普通的js函数,然后从这些过滤器中调用该函数,但这似乎是错误的。关于如何以角度的方式做任何建议?

谢谢。


问题答案:

将过滤器注入linkifyStuff使用<filterName>Filter语法。像这样:

app.filter('linkifyStuff', function(sanitizeStuffFilter,prettifyStuffFilter) {
    return function(text) {

        return sanitizeStuffFilter(text) + ' whatever ' + prettifyStuffFilter(text);
    }
});

演示



 类似资料:
  • 我正在研究一个合作医疗系统。 我的代码在url调用的servlet的

  • 问题内容: 我必须从Spring Security堆栈中排除一个默认过滤器。因此,所有过滤器都应照常工作。看来我找到了解决方法,请创建自定义FilterChainProxy: 如您所见,它具有获取过滤器列表的构造函数,因此我将能够根据需要从链中删除一个过滤器,其余所有过滤器将照常工作。但是我不能在这样的构造函数的安全配置中制作bean。如果我用 当然,使用默认构造函数构建对象。好的,我尝试用一​​

  • 问题内容: 所以,如果我有一个数组: 还有另一个数组 我希望有一些ng-repeat可以仅通过出现在$ filterBy中的项来过滤$ scope.letters。 我希望能够做到以下几点: 并打印b,c 我知道这是一个非常愚蠢的示例,但是有没有一种方法可以根据另一个数组对象的内容来过滤angular.js表达式? 问题答案: 您应该尝试这样的事情: JS: HTML: 您可以尝试现场示例。

  • 问题内容: 我想了解 从另一个数组的所有元素过滤数组 的最佳方法。我尝试使用过滤器功能,但是如何给它提供要删除的值并没有解决。 就像是: 如果过滤器功能没有用,您将如何实现呢? 编辑:我检查了可能重复的问题,它可能对那些容易理解javascript的人有用。选中的答案很容易。 问题答案: 您可以使用函数的参数来避免将过滤器数组存储在全局变量中。

  • 本文向大家介绍使用vue手写一个过滤器相关面试题,主要包含被问及使用vue手写一个过滤器时的应答技巧和注意事项,需要的朋友参考一下 全局过滤器 Vue.filter('addHobby',(val,hobby)=>{ return val + hobby }) 局部过滤器 filters:{ addHobby(val,hobby){ return val + hobby } }

  • 问题内容: 我是这个框架的新手,因此练习Angularjs并遵循网站上提供的教程。 有一个示例,我们可以搜索表中存在的数据,示例如下, 在上面的代码中,我可以使用两个不同的输入来搜索手机,即按型号名称搜索和按公司名称搜索,以上代码运行良好, 但是,如果我需要使用选择选项中存在的搜索类型进行搜索,该怎么办? 代码如下 从上面的代码中,您可以看到我正在尝试通过选择框中显示的“姓名”,“公司”或“名称”