在aurelia中组织全局函数

我想在我的几个ViewModels中使用一个函数。这是一个过滤器函数，我将其用作自定义过滤器的参数：

<tr repeat.for="server of servers | filter:searchTerm:filterFunc">

---

要做到这一点，您可能需要为数组创建一个值转换器

视图中的Html：

<div repeat.for="item of [1, null, 2] | notNullFilter">${item}</div>

并在main.js设置中将其注册为全局资源：

import {Aurelia} from 'aurelia-framework';

export function configure(aurelia: Aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .globalResources([ 
      "./src/resources/value-converters/notNullFilterValueConverter"
    ]);

  aurelia.start().then(() => aurelia.setRoot());
}

您可以在给全局资源函数的数组中插入任意数量的值转换器

哪个会输出

<div>1</div>
<div>2</div>

添加名为“resources”的文件夹，其中包含index.js中的文件

export function configure(config) {
  config.globalResources('./notNullFilterValueConverter', './welcomeValueConverter');
}

---

“功能”与插件相同，唯一的区别是它存在于源代码树中。它允许您创建多个功能，例如，可以有一个称为公司数组过滤器的功能和一个自定义公司元素。

谢谢。所以资源和特性是我应该关注的。干杯

<div>1</div>
<div>2</div>

export function configure(aurelia: Aurelia) {
        aurelia.use
            .standardConfiguration()
            .developmentLogging()
            .feature('resources'); 

        aurelia.start().then(function () { return aurelia.setRoot('views/app'); });
}

export function configure(config) {
  config.globalResources('./notNullFilterValueConverter', './welcomeValueConverter');
}