J'utilise cela dans un composant angulaire .html où est indiquant que la div ne montre que si mystring se termine par .txt. P> Ceci fonctionne, mais mon La question est ... p> Comment puis-je avoir plusieurs options ici sans avoir à utiliser || code> (ou)? P> P> P>
3 Réponses :
Je suggérerais d'utiliser un getter comme démontré ci-dessous:
<div *ngIf="show">Content Here</div>
Je vous suggère de mettre ce type de logique dans le fichier TS, pas dans le modèle:
dans le fichier TS: p> et dans votre modèle : p>
Il y a efficacement quatre choses que vous pouvez faire pour atteindre les fonctionnalités que vous souhaitez.
Créer un tuyau. Les tuyaux n'entraîneront que lorsque les modifications de la variable code> mystring code> permettent donc d'économiser la puissance de traitement. P>
HTML P>
<div *ngIf="mystring.endsWith('.txt') || mystring.endsWith('.pdf')">Content Here</div>
Quel est le problème avec l'utilisation d'un
|| code>?* ngif = "mystring.endswith ('. txt') || mystring.endswith ('. PDF')" code>. Quelque chose que vous pourriez faire est de créer un booléen et de la mettre à jour dans le type dactylographique lorsquemystring code> changementsIl n'y a pas de problème mais j'ai 5 filetypes, il est un peu désordonné ... je me demandais simplement s'il y a une autre façon