Channel chains in Angular
To apply several types to one value, you can use channel chains. To do this, we write all the channels we need through the symbol |.
Let's define the name property in the main component class:
export class AppComponent {
name: string = 'john d.';
}
In the HTML template, we will write the output of the user name in uppercase, excluding the part of the string ' d.':
<div>{{ name | uppercase | slice:0:4 }}</div>
Define a string of 10 characters in your main component class. Print its last five characters in uppercase.
