Je dois sélectionner une chute dans tous les clic changez le contenu Comment utiliser * NGIF dans plusieurs conditions dans HTML et angular "
déjà je dois essayer mais ne fonctionne pas
// html
{{un service}}
4 Réponses :
Salut Suresh, donc pour chaque changement de liste déroulante (sélectionnez la case), vous devez changer le contenu de droite?
oui mais j'utilise de NG si condition à la procédure possible HTML et angulaire a également besoin de la clarification
COMMENT POSSIBLE POUR UNE SELECTÉE N'importe quelle liste déroulante et de contenu en même temps également visible
Essayez ceci: fichier TS: dans le modèle:
Si vous satisfaitez avec cette réponse, marquez ceci est une réponse utile et correcte.
Hii Uninder, je dois un autre doute
tu me dis ce qui est problème
Je vais fondé dans n'importe quel choix de sélection par défaut dans la liste déroulante fonctionnant bien, mais contenu Je ne résolvez pas comment visible le contenu avec la liste de sélection
Utilisez [(NGModel)]:
Mais comment faire du chemin possible (sélectionchanger)
Utilisez [(valeur)] = "Sélectionné" dans la variable sélectionnée que vous avez une option sélectionnée attribuer ceci à ceci.Service à Ngonint.
Vous pouvez utiliser une liaison à deux voies (ngmodel) dans Sélectionner comme ceci votre fichier TS p> et liste p > <div *ngIf="SelectValue === '0'">
hello this division one
</div>
<div *ngIf="SelectValue === '1'">
hello this division Two
</div>
<div *ngIf="SelectValue === '2'">
hello this division Three
<div>
Voici la solution à votre problème.
app.component.ts strong> p> p>
<hello name="{{ name }}"></hello>
<p>
Start editing to see some magic happen :)
</p>
<h2>Select Service</h2>
<select [(ngModel)]="selectedService">
<option value="">Select</option>
<option *ngFor="let service of services" [value]="service">{{service}}</option>
</select>
{{selectedService}}
<div *ngIf = "selectedService === 'Consult' ">
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
</div>
<div *ngIf = "selectedService === 'Cloud'">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, </p>
</div>
<div *ngIf = "selectedService === 'Data'">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
</div>
<div *ngIf = "selectedService === 'Digital'">
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
</div>
<div *ngIf = "selectedService === 'Security'">
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.</p>
</div>
Voici le code complet Stackblitz.com/edit/angular-z4a1HP
que veux-tu faire?
Services Voici une matrice et vous le comparez à une chaîne?J'ai besoin d'une solution par j'ai utilisé la liste déroulante Sélectionner dans tous les clics goto changer tous les clics