Angular2 Comment utiliser ngIf pour afficher un autre texte s'il y a vide de la valeur dans l'Objet json?

Salut, je vais avoir du mal à comprendre ngIf.

Actuellement, j'ai d'objet json de 

Profile:{
0:{name: 'Jen',
intro:'',
gender:'female',
age:'1992'},
1:{name: 'John',
intro:'Hi',
gender:'male',
age:'1988'}
}

Le premier objet de l'intro est la chaîne vide, et quand il a une chaîne vide je veux afficher "L'utilisateur n'a pas encore écrit'.

J'ai essayé d'utiliser ngIf comme ça, mais bien sûr, cela ne fonctionne pas. Que dois-je faire?

<div *ngFor="let p of Profile">
                <p class="fontstyle2">
                    {{p.intro}}
                </p>

                <p class="fontstyle2" *ngIf="p.intro=''">
                    The user hasn't written it yet
                </p>
            </div>
InformationsquelleAutor Lea | 2017-04-17
  1. 6

    il doit être == pas =

     <p class="fontstyle2" *ngIf="p.intro==''">
   The user hasn't written it yet
 </p>
    InformationsquelleAutor Nitin Walia
  2. 1

    ngIf utilise la syntaxe javascript pour les comparaisons de sorte que vous pouvez utiliser p.intro === '' ou tout simplement !p.intro depuis une chaîne vide est falsy.

    Une autre chose est que vous auriez probablement souhaitez afficher uniquement l'une des alternatives afin que vous devez utiliser ngIf, à la fois:

    <div *ngFor="let p of Profile">
    <p class="fontstyle2" *ngIf="p.intro">
                {{p.intro}}
    </p>

    <p class="fontstyle2" *ngIf="!p.intro">
        The user hasn't written it yet
    </p>
</div>

    Une autre option serait de le faire de cette façon:

    <div *ngFor="let p of Profile">
    <p class="fontstyle2">
         {{p.intro? p.intro : "The user hasn't written it yet"}}
    </p>
    InformationsquelleAutor Ofer Herman
  3. 0

    Comme beaucoup ici a dit que vous devez utiliser === au lieu de simplement = avec l'état. 

    <div *ngFor="let p of Profile">
    <p class="fontstyle2">
        {{p.intro}}
    </p>
    <p class="fontstyle2" *ngIf="p.intro===''">
        The user hasn't written it yet
    </p>
</div>

    ou vous pouvez vérifier simplement !

    <div *ngFor="let p of Profile">
    <p class="fontstyle2">
        {{p.intro}}
    </p>
    <p class="fontstyle2" *ngIf="!p.intro">
        The user hasn't written it yet
    </p>
</div>
    InformationsquelleAutor The Dictator
  4. 0

    vous souhaitez afficher L'utilisateur n'a pas encore écrit quand intro est vide et si elle n'est pas vide, alors vous voulez afficher la valeur de Intro

    Pour cela, vous pouvez utiliser l'extrait de code suivant : 

            <div *ngFor="let p of Profile">
            <p class="fontstyle2" *ngIf="p.intro!=''">
                {{p.intro}}
            </p>

            <p class="fontstyle2" *ngIf="p.intro===''">
                The user hasn't written it yet
            </p>
        </div>
    InformationsquelleAutor Mohit Jain