Affichage d'un composant après un clic($event) Angulaire 4
Je suis en train de créer un événement sur un cliquez sur le bouton qui a tiré sur un autre composant, si vous cliquez de nouveau réduire le composant (une partie de l'élément affiché est toujours visible)..
Je sais ce qui pourrait être fait avec [ngClass]='hidden' et tout dans le même composant mais je ne suis pas sûr que ce soit la meilleure façon en termes de modularité.
Merci d'avance
Voici mon code html:
<div class="daydetail">
<h1>Detail of the day</h1>
<button type="button" label="Click"(click)="display('my-displaychild')"></button>
<div>{{my-displaychild}}</div>
</div>
Ici, c'est mon composant:
import { DisplayChildComponent } from './displaychild.component';
export class AppliV2Component {
display(vid:DisplayChildComponent) {
console.log(DisplayChildComponent);
}
}
- utilisation ngIf directive
- merci je n'avais pas pensé à ngIf facile 🙂 je vais essayer merci pour votre aide
- pas de problème, laissez-moi savoir comment ça se passe
- comment pourriez-vous faire un $event égal à ngIf ? Pourriez-vous me montrer un exemple?
Vous devez vous connecter pour publier un commentaire.
Je pense que vous devriez rester simple avec l'utilisation de
*ngIf
et vous pouvez passer à la valeur booléenne de l'enfant composante de masquer uniquement la partie que vous voulez à l'aide de la@Input
décorateur1.parent HTML
2.composant parent
3.composant enfant
4.enfant HTML
J'ai une api pour les Produits. J'ai dressé la liste.Et l'utilisateur peut ajouter au panier articles.
méthode est comme ça.