Publié le 05/31/2017, rédigé par Chloé MAHALIN

Angular 4

Conditionner l'apparition de contenu HTML

Parfois

on peut souhaiter qu'un composant ou un élement de l'arbre DOM n'apparaisse que lorsqu'un pré-requis est rempli. La directive *ngIf permet de conditionner l'apparition d'un élement :

component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'selector'
    -
  templateUrl: './component.html'
    -
  styleUrls: ['./component.css']
})
export class MyComponent {

    isAdmissible: boolean = true;
    grade: number = 15;
}

component.html

<div>
    <div *ngIf='isAdmissible'>
        Congratulations on your admissibility !
    </div>

    <div *ngIf='grade > 10'>
        Your grade granted you an admissibility !
    </div>
</div>

Sélection d'articles :

Créer un tâche Gulp

Gulp

2018/01/22

Davy CLAISSE
Séparer les tests du code

@Angular/cli

2017/09/26

Chloé MAHALIN
Comment utiliser des POM en Yaml avec Maven ?

Maven

2017/10/01

Davy CLAISSE
Tester un composant Angular

Angular 4

2017/08/05

Chloé MAHALIN
Qu'est-ce qu'un arbre ?

Structure de données

2017/07/27

Chloé MAHALIN
Transmettre une valeur depuis un composant parent vers un composant enfant

Angular 4

2017/05/30

Chloé MAHALIN
Introduction à Kotlin

Kotlin

2017/12/27

Davy CLAISSE

ITAMETIS

Université

Angular 4

Conditionner l'apparition de contenu HTML

ITAMETIS

Qui nous sommes