28自定义管道练习

练习:

  创建一个管道类 sex.pipe.ts 管道名字叫做sexchange  实现对性别的转换

  1 |  sexchange  -->   男

  0 |  sexchange  -->   女

  1 |  sexchange  : true -->   男

  1 |  sexchange : false  -->  boy

  

  0 |  sexchange  : true -->   女

  0 |  sexchange : false  -->  girl

代码改善

当没有传入参数 true/false的时候,通过args.length==0判断,而不是直接 return

原文地址:https://www.cnblogs.com/shanlu0000/p/12229868.html

时间: 2024-08-29 22:17:26

28自定义管道练习的相关文章

iOS开发项目篇—28自定义UITextView

iOS开发项目篇—28自定义UITextView 一.简单说明 1.要实现的效果 2.分析 (1)UITextField 1.最多只能输入一行文字 2.能设置提醒文字(placehoder) 3.不具备滚动功能 (2)UITextView 1.能输入N行文字(N>0) 2.不能设置提醒文字(没有placehoder属性) 3.具备滚动功能 需求:技能输入多行文字,又具备文字提醒功能. 这里选择自定义一个类,让其继承自UITextView类,为其添加一个设置文字提醒的功能. 二.实现 自定义UI控

angular自定义管道

对自定义管道的认识 管道的定义中体现了几个关键点: 1.管道是一个带有"管道元数据(pipe metadata)"装饰器的类. 2.这个管道类实现了PipeTransform接口的transform方法,该方法接受一个输入值和一些可选参数,并返回转换后的值. 3.当每个输入值被传给transform方法时,还会带上另一个参数,比如我们这个管道中的exponent(放大指数). 4.我们通过@Pipe装饰器告诉Angular:这是一个管道.该装饰器是从Angular的core库中引入的.

27自定义管道

①创建一个管道类文件   test.pipe.ts 指定transform方法对于数据和参数的处理,将结果返回 ②声明 app.module.ts import {TestPipe} from   ' *** ' @NgModule ( { declarations : [ TestPipe ] } ) ③调用自定义管道类 用法和内置管道没有区别 原文地址:https://www.cnblogs.com/shanlu0000/p/12229621.html

angular之自定义管道

1,装了angular2 的 cli之后,cmd中命令建立个管道文件 ng g p <name>; 如建一个在pipe文件中建一个add.pipe.ts文件 可以这么么写 ng g p pipe/add; 2,  add.pipe.ts内容如下: //原始内容import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'add' }) export class AddPipe implements PipeTransfo

ng2自定义管道

一.管道的作用及本质 作用:数据处理 本质:公用的方法 二.定义管道组件 //summary.pipe.tsimport { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'summary', // pure: false 管道默认为纯管道,如果加了pure:false 则为非纯管道 // 纯管道只能检测纯变更(原始类型(String Number Boolean Symbol)值的更改,或者对对象引用(Date Array

管网流体Pipenet v1.7.2.1229+风险分析DNV Phast Risk v6.7+应力管道CAESAR II 2014

管网流体Pipenet v1.7.2.1229+风险分析DNV Phast Risk v6.7+应力管道CAESAR II 2014 二维配管软件qpiping3.2工艺配管Zeataline.PipeData.Pro.v10.0.21 风险分析DNV Phast Risk v6.7-ISO 1DVDCAESAR II 2014 win32 64支持win7 win8 管道设计应力分析软件CAESAR II 2013 R1 v6.10 管道设计应力分析软件Zeataline.PipeData.P

Angular 管道

一.date管道 1.html 2. 控制器中的定义brithday 3.效果图 如果时间格式 为: 我的生日是{{birthday | date:'yyyy-MM-dd HH:mm:ss'}} 则效果: 我的生日是2017-07-29 21:55:38 二.数字管道 圆周率为<p>{{pi | number:'2.2-2'}}</p> pi定义 pi:number = 3.1415926;显示效果:两位整数和两位小数 三.自定义管道 1.创建管道 ng g pipe pipe/m

Angular2 管道

1. 说明 管道用来转换模板显示的内容,应用程序中经常出现获取数据,转换数据,显示数据的逻辑.管道就是用来在转换数据阶段起作用的.主要存在两种类型的管道,pure pipe和impure pipe 2. Pure Pipe Pure Pipe,stateless,关注于纯粹对象的变更,检测到输入值发生了 纯变更 时才会执行 纯管道 . 纯变更 是指对原始类型值 (String .Number . Boolean . Symbol) 的更改, 或者对对象引用 (Date . Array . Fun

Bentley PULS XM v08.09.00.28 1CD管网和管道系统

Bentley PULS XM v08.09.00.28 1CD管网和管道系统 Bentley.PULS.XM.V8.9.0.28 数字管道脉动分析      PULS 可以进行一致性检查来发现所建模型的错误.PULS 支持英制.标准国际单位,和用户自定义单 位.PULS是基于一维波动理论,使用转移矩阵方法进行模拟计算,可以非常有效的预测(计算)压力脉动 等级和声音震动力.用PULS软件可以有效的解决管网和管道系统中由于往复式(摆动)设备或者流体的流 动产生的脉动问题,例如压缩机,泵,控制阀和仪