ngIf属性がtrueと評価された後でngIf属性を削除します

Question

ngIf属性をtrueと評価した後でngIf属性を削除する方法はありますか？

の例では、私は

<div class="container"> 
    <div *ngFor="let el of elements"> 
     <div *ngIf="el.index = index"> 
     ... 
     </div> 
    </div> 
</div> 

が

class Test implements onInit{ 
    index = 0; 

    ngOnInit(){ 
    setInterval(() => index++) 
    } 
} 

これは一度に一つだけのdivが表示されることを意味する

、しかし私は、すべてのdivをカウンタをしたいし、コンポーネントに私が持っているテンプレートを持って言うことができますそれ以前に表示されていたものは、他の言葉で表示されたままになり、ngIfプロパティがtrueと評価されると削除されます。

可能なことはありますか？

ありがとうございました

Answer 1

これはできません。 *ngForがレンダリングする内容を含めるために、コンポーネント内の要素のリストを維持する必要があります。

Answer 2

独自ngIfを作成することができます。

@Directive({ selector : '[myNgIf]' }) 
export class myNgIfDirective { 
    private condition; 

    constructor (private templateRef : TemplateRef<any> , 
        private viewContainer : ViewContainerRef) { 
    } 

    @Input() set myNgIf (condition : boolean) { 
     if (this.condition !== true) { 
     // if this condition is once set to true , don't bother doing anything anymore 
      this.condition = condition; 
      if (condition) { 
       this.viewContainer.createEmbeddedView(this.templateRef); 
      } else { 
       this.viewContainer.clear(); 
      } 
     } 
    } 
} 

は、あなたがそれを使用することができます：それはngIfが真の解決時の機能を評価するために、少なくとも可能

<div *myNgIf ="isTrue">stuff</div>