Discussion :

[olivier252]

Hello, petite question du vendredi...
J'ai une variable de type string que j'aimerais binder en Input() dans un compo material (un mat-card) car je dois afficher cette variable dans un "mat-card-title. Voici mon code qui est faux car du coup impossible de faire un input() dans le mat-card qui est le compo enfant dans ce cas là ?

Compo parent :
ts------------------

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

message = "Un message en titre";

html--------------

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
    <mat-card [message]="message">
        <div>
            <mat-card-header>
                <mat-card-title>{{ message }}</mat-card-title>
            </mat-card-header>
            <mat-card-content>
                ............................
            </mat-card-content>
        </div>
    </mat-card>

Merci !

[krakatoa]

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

  <mat-card [message]="message">

je ne crois pas qu'il y a un @Input() message dans le composant : mat-card.component
et il en ferai quoi ?

si ce n'est pas prévu alors ça ne fonctionne pas


* tu veux faire quoi exactement ?

peut etre du veux faire un composant app-card reutilisable ?

genre :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<app-card [message]="message1"></app-card>
<app-card [message]="message2"></app-card>
...
...
message1 = 'toto';
message2 = 'tutu';

app-card.component

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    <mat-card>
        <div>
            <mat-card-header>
                <mat-card-title>{{ message }}</mat-card-title>
            </mat-card-header>
            <mat-card-content>
                ............................
            </mat-card-content>
        </div>
    </mat-card>
 
...
...
input() message ='';

[olivier252]

Merci, oui je voulais essayer de faire queqlque chose de réemployable, mais finalement, j'ai fini par faire comme tu as dit, ça fera l'affaire. Merki !!!