Hostbinding ngIf in Angular2

Question

Betrachten Sie dieses Bild Kind-Komponente:

@Component({ 
    selector: 'mySelector', 
    template: `<ion-spinner [ngIf]="ngif"></ion-spinner>` 
}) 


export class MyDirective { 

    ngif: boolean; 
    constructor() {} 

    @Input() serverWaiting:boolean = true; 
    @HostBinding('ngIf') 

    ngOnChanges() { 
     this.ngif = !this.serverWaiting ? true : null; 
    } 

Die Hostkomponente der Vorlage:

<mySelector [serverWaiting]></mySelector> 

Die Host-Komponente:

@Component({ 
    templateUrl: 'hostComp.html', 
    directives: [myDirective] 
}) 

export class HostComp { 
    serverWaiting = true; 
} 

Doch der Spinner ist nicht gezeigt. Irgendeine Idee, was ich falsch mache?

Quellen: https://angular.io/docs/ts/latest/api/common/index/NgIf-directive.html

Answer 1

Die @HostBinding('ngIf') Dekorateur vor dem Grundstück mit dem Wert sein muss, die gebunden werden sollen.

export class MyDirective { 
    constructor() {} 

    @HostBinding('ngIf') 
    ngif: boolean; 

    @Input() serverWaiting:boolean = true; 

    ngOnChanges() { 
     this.ngif = !this.serverWaiting ? true : null; 
    } 
} 

ist dieser Code nicht gültig sehen

<mySelector [serverWaiting]></mySelector> 

[serverWaiting] zeigt Eigenschaft bindend, aber keinen Wert binden. Dies weist true nicht zu, falls Sie das erwarten. Sie müssten

<mySelector [serverWaiting]="true"></mySelector>