TypeScript change_detection.Pipes类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中angular2/change_detection.Pipes类的典型用法代码示例。如果您正苦于以下问题：TypeScript Pipes类的具体用法？TypeScript Pipes怎么用？TypeScript Pipes使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了Pipes类的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: bind

import {bind} from 'angular2/di';
import {PipeRegistry, Pipes, defaultPipes} from 'angular2/change_detection';

/*
 * App Pipes
 */
import {capitalize} from './CapitalizePipe';
import {rxAsync} from './RxPipe';

var newPipesBindings;

// Alpha.31
if (Pipes) {
  newPipesBindings = bind(Pipes).toValue(Pipes.append({
    'async': rxAsync,
    'capitalize': capitalize
    // add more pipes to this Map
  }));
}
// Alpha.30
else if (PipeRegistry) {
  // include the default pipes and our own
  let replaceBindings = Object.assign({}, defaultPipes, {
    'async': rxAsync,
    'capitalize': capitalize
    // add more pipes to this Map
  });
  newPipesBindings = bind(PipeRegistry).toValue(new PipeRegistry(replaceBindings));
}

export var appPipeInjectables = [

开发者ID:SekibOmazic，项目名称:angular2-rx，代码行数:31，代码来源:pipes.ts

示例2:

/// <reference path="../../typings/_custom.d.ts" />
/*
 * Angular 2
 */
import {Pipes} from 'angular2/change_detection';

/*
 * App Pipes
 */
import {capitalize} from './CapitalizePipe';
import {rxAsync} from './RxPipe';


export var appPipes = [
  Pipes.extend({
    'async': rxAsync,
    'capitalize': capitalize
    // add more pipes to this Map
  })
];

开发者ID:danhamlin，项目名称:angular2-webpack-starter，代码行数:20，代码来源:pipes.ts

示例3:

/// <reference path="../../typings/_custom.d.ts" />

import {Pipes} from 'angular2/change_detection';

import {rxAsync} from './RxPipe';

export var appPipes = [
  Pipes.extend({
    'async': rxAsync
  })
];

开发者ID:valdinei，项目名称:worst-player-award，代码行数:11，代码来源:pipes.ts

注：本文中的angular2/change_detection.Pipes类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。