Pass variable to custom component

Question

I have my custom component:

@Component({
    selector: \'my-custom-component\',
    templateUrl: \'./my-custom-component.html\',
    styleUrls: [\'./my-custo         


        

Answer 1

You can add an @Input() decorator to a property on your component.

export class MyCustomComponent {
    constructor() {
        console.log('myCustomComponent');
    }

    @Input() title: string;
}

or binding title from a variable 'theTitle'

See the @Input()decorator documentation.