Как установить ссылку на переменную шаблона для первого элемента списка в Angular2?

Question

Я хотел бы установить ссылку на шаблон для первого элемента списка. Вот мой код (который не работает):

<li *ngFor="let favorite of favorites; let first= first"> 
    <template [ngIf]="first" #firstitem> 
     {{ favorite.name }} 
    </template> 
    <template [ngIf]="!first"> 
     {{ favorite.name }} 
    </template> 
</li> 

Если я удалить ngFor вот что я хотел бы сделать:

<ul> 
    <li #firstitem> 
     some content 
    </li> 
    <li> 
     other content 
    </li> 
</ul 

ли кто-то есть какие-либо идеи, как достичь этого?

Answer 1

Невозможно условно добавить или не добавить шаблонную переменную.

Что вы можете сделать, это использовать

@ViewChilderen('firstitem') items:QueryList<ElementRef>; 

firstItem:ElementRef; 
ngAfterViewInit() { 
    var items = this.items.toArray(); 
    if(items.length) { 
    this.firstItem = items[0]; 
    } 
} 

, а затем вы можете использовать firstItem для привязки в шаблоне.