当前位置: 首页 > 编程笔记 >

Angular 2 全球可用的自定义管道

裴焱
2023-03-14
本文向大家介绍Angular 2 全球可用的自定义管道,包括了Angular 2 全球可用的自定义管道的使用技巧和注意事项,需要的朋友参考一下

示例

要使自定义管道在整个应用程序中可用,请在应用程序引导期间扩展PLATFORM_PIPES。

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { provide, PLATFORM_PIPES } from '@angular/core';

import { AppComponent } from './app.component';
import { MyPipe } from './my.pipe'; // 您的自定义管道

bootstrap(AppComponent, [
  provide(PLATFORM_PIPES, {
            useValue: [
                MyPipe 
            ],
            multi: true
        })
]);

此处的教程:https://scotch.io/tutorials/create-a-globally-available-custom-pipe-in-angular-2

 类似资料:
  • 即。在货币管道上完成一些额外的格式化。为此,我想在自定义管道的组件代码中使用现有管道。

  • 使装饰器包含具有name属性的管道元数据。 此值将用于在模板表达式中调用此管道。 它必须是有效的JavaScript标识符。 实现PipeTransform接口的transform方法。 此方法接受管道的值和任何类型的可变数量的参数,并返回一个变换的(“管道”)值。 import { Component } from '@angular/core'; selector: 'app-root',

  • 我只是在学习Cucumber,注意到如果两个完全不同的特性有两个步骤被意外地使用了相同的措辞,Cucumber只建议为它们定义一个步骤。这是否意味着步骤定义是全局的,并且要共享? 假设一个业务分析师团队正在为一家拥有银行部门和经纪部门的金融公司编写规范。进一步假设两个不同的人正在为各自的部门编写特性以计算交易费用。 这位银行职员写道: 经纪人写道 请注意,When子句对于这两种场景都是相同的。更糟

  • 我正在执行一个构建步骤,该步骤处理 Docker Swarm 模式群集中的常见部署任务。由于这是我们和其他人的共同问题,因此我们将此构建步骤共享为 BitBucket 管道:https://bitbucket.org/matchory/swarm-secret-pipe/ 管道需要使用 命令来处理远程 Docker 安装。但是,这不起作用,因为管道运行时找不到 docker 可执行文件。 以下内容

  • Angular 2还具有创建自定义管道的功能。 定义自定义管道的一般方法如下。 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({name: 'Pipename'}) export class Pipeclass implements PipeTransform { transform(parameters): r