0
votes

Angulaire NGIF String Endswith Plusieurs options

J'utilise cela dans un composant angulaire .html xxx

où est indiquant que la div ne montre que si mystring se termine par .txt.

Ceci fonctionne, mais mon La question est ...

Comment puis-je avoir plusieurs options ici sans avoir à utiliser || (ou)?


2 commentaires

Quel est le problème avec l'utilisation d'un || ? * ngif = "mystring.endswith ('. txt') || mystring.endswith ('. PDF')" . Quelque chose que vous pourriez faire est de créer un booléen et de la mettre à jour dans le type dactylographique lorsque mystring changements


Il 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


3 Réponses :


0
votes

Je suggérerais d'utiliser un getter comme démontré ci-dessous:

<div *ngIf="show">Content Here</div>


0 commentaires

1
votes

Je vous suggère de mettre ce type de logique dans le fichier TS, pas dans le modèle:

dans le fichier TS: xxx

et dans votre modèle : xxx


0 commentaires

1
votes

Il y a efficacement quatre choses que vous pouvez faire pour atteindre les fonctionnalités que vous souhaitez.

premier (et mon préféré) h3>

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>


0 commentaires