问题标签 [angular-pipe]

我在 angular 2 中有一个搜索管道设置。当我在 angular beta 14 上时，搜索管道运行良好，现在我升级到 rc5，搜索管道坏了，我得到了错误。如果我从产品加载的 html 代码中删除管道。它是一个通用的搜索和过滤管道，应该在许多模块中使用。请帮助解决问题。

搜索.pipe.ts

列表-products.component.html

我刚刚将我在 RC5 上构建的应用程序升级到最终版本，我对现在应该声明指令和管道的方式感到困惑。我收到此错误：

[默认] C:\xampp\htdocs\meriem-car\public\src\app\components\administration.component.ts:12:4 类型参数 '{ moduleId: string; 中的错误 选择器：字符串；指令：typeof LoginComponent[]; 模板网址：字符串；}' 不可分配给“组件”类型的参数。对象字面量只能指定已知属性，而“组件”类型中不存在“指令”。

我有这个过滤器管道：

TaskStatus 是一个枚举：

现在我想通过传递枚举值在组件中使用管道。

board.component.html:

如果我传递一个与枚举值相对应的字符串，如“0”、“1”等，它可以工作，但如果我传递 TaskStatus.New - 不会显示任何值。

有没有办法使用枚举作为管道参数？

在 angular 1 我们有过滤器，这些过滤器可以在 DOM 和 Typescript/Javascript中使用。在Angular 2中，我们使用管道来做这些事情，但管道只能在 DOM 中使用。有没有其他方法可以在 Typescipt（组件）中使用管道功能？如果有人知道这一点，请提供帮助。

例子：

我创建了名为的用户定义管道，priceFilter但我想在 Javascript/Typescript 中进行相同的过滤。

我正在尝试实现截断管道：

不知何故，在我的模板中它总是打印undefined.truncateCharamount

在我的模板中，我尝试了以下语法（轮到他们自己）：

我如何使用多个参数（最大字符和可选的尾随字符）来实现这一点？

我有一个搜索栏，我希望能够使用我希望创建的管道在收到的 json 或对象数组的所有字符串或列中进行搜索。所以我可以在我的表中更新这个结果。

到目前为止我所拥有的自定义管道：（不做我想做的事）

搜索 HTML <input type="text" #filterInput (keyup)="0">

加载表调用管道

我的虚拟内容称为：

组件A.ts：

组件B.ts：

我更新array了其他一些组件。虽然label正确更新了数组的长度，但复选框似乎没有更新。contains只是一个简单的管道，用于检查是否value属于array. 我将 aconsole.log放入contains管道中，仅在页面最初呈现时才得到输出，而不是在array更改时得到输出。为什么是这样？

谢谢..

我正在尝试limitTo在字符串上的 Angular2 上运行管道：

我收到以下错误：

是否有可能在 Angular2 中删除了该管道？

这是我的app.module

从'./limit-to.pipe'导入{TruncatePipe}；

我使用管道的网格组件：

我的管道定义：

最后是我的模板：

有一个伟大的管道张贴在这里。

我正在尝试使其与 Ionic 2 RC 版本一起使用并出现以下三个错误：

1. 类型 'any' 不是构造函数类型
2. 找不到名称“ChangeDetectorRef”。导出类的构造函数的参数“ref”具有或正在使用私有名称“ChangeDetectorRef”。

3. “typeof Observable”类型上不存在属性“interval”

   }

关于如何解决这个问题的任何想法？

编辑：我能够通过使用消除错误 3/import {Observable} from 'rxjs/Rx';

我有一组关键字作为模型的属性。现在我想在输入中将其显示为逗号分隔的字符串，并在用户键入时将其转换回数组。

我创建了一个连接管道来修改输出，但我不知道如何使用 实现类似的结果(ngModelChange)，但方向相反（从逗号分隔的字符串转换为字符串数组）。

我知道我可以在组件上添加一个方法并在那里执行，但是如果我需要在许多不同的组件上执行此操作怎么办。我想在 Angular 中注册一些函数，以便它可以像管道一样在 html 中使用。

也许这根本不是实现我需要的最佳方式，我需要从其他方向思考？

我可以看到其他 2 个选择：

1. 像这样为输入创建一个组件就可以了，但是我可能会在其他一些（非输入）组件中需要它，例如

2. 在模型上添加一个额外的属性并使模型本身负责转换（或者使用一个类作为关键字，而不仅仅是一个字符串数组，它将有一个单独的构造函数或其他东西，不知道如何将它连接到角度模型）。