Configurar input properties en angular

En Angular usamos las input properties para pasar datos a traves de atributos que estan vinculados a componentes. Esto nos sirve para usar datos de unos componentes en otros, algo similar a lo que ocurre con props en otros frameworks como react.

Ejemplo:

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

@Component({
    selector: 'app-user',
    template:'<h1> Hola {{name()}}, bienvenido al POST.'
})

export class UserComponent {.    name = input<string>();}


Component ({
    selector: 'app-component',
    template: `<app-user name="Rodrigo"><app-user/>`})

export class App {}