Angular10 SlicePipe

En este artículo vamos a ver qué es SlicePipe en Angular 10 y cómo usarlo.

SlicePipe y

Sintaxis:

{{ value | SlicePipe }}

NgModule: El módulo utilizado por SlicePipe es:

• CommonModule

Acercarse: 

• Cree la aplicación angular que se utilizará
• No es necesario importar nada para usar SlicePipe
• En app.component.ts define las variables que toman el valor de SlicePipe.
• En app.component.html use la sintaxis anterior con ‘|’ símbolo para hacer el elemento SlicePipe.
• Sirva la aplicación angular usando ng serve para ver el resultado

Valor de entrada:

• valor: toma un valor de string.

Parámetros:

• inicio: toma un valor numérico.
• fin: toma un valor numérico.

Ejemplo 1:

aplicación.componente.ts

import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})
export class AppComponent {
    collection: string[] = ['geeks', 'for', 'geeks', 'gfg'];
  }