Skip to Content
Ionic Cookbook - Third Edition
book

Ionic Cookbook - Third Edition

by Indermohan Singh
April 2018
Intermediate to advanced content levelIntermediate to advanced
390 pages
8h 46m
English
Packt Publishing
Content preview from Ionic Cookbook - Third Edition

How it works...

You can use an Angular pipe in the view to simply convert or transform any value to a desired value. There are no limitations to how you structure the pipe. Angular automatically detects the | sign in the template and turns the value in front of it to an input. To create a pipe, you must import the decorator and provide a name (see custom-pipe.ts), as shown:

import { Pipe, PipeTransform } from '@angular/core'; 
 
@Pipe({name: 'userExtract'}) 

The input from the template is the following value parameter:

transform(value: any, arg) : any { 

The value returned by the transform method will be the output to the view, as shown in the following code:

return newVal; 

In this example, you are taking a parameter for the pipe to process, ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Learning Ionic - Second Edition

Learning Ionic - Second Edition

Arvind Ravulavaru
Ionic in Action

Ionic in Action

Jeremy Wilken
Ionic : Hybrid Mobile App Development

Ionic : Hybrid Mobile App Development

Rahat Khanna, Sani Yusuf, Hoc Phan
ReasonML Quick Start Guide

ReasonML Quick Start Guide

Raphael Rafatpanah, Bruno Joseph D'mello

Publisher Resources

ISBN: 9781788623230Supplemental Content