ListView - Nativescript/Angular2で現在選択されている項目の背景色を変更する際の問題

Question

Nativescript/Angular2アプリで忙しく、ListViewでアクティブな在庫テイクのリストを表示しています。現在選択されているStockTakeを表示するためにListView内の現在選択されているStock Take Take項目の背景色を変更しようとしています。私はCSSのクラスをStackLayoutのng-template内に追加しますが、何らかの理由でアイテムをタップするとCSSが適用されません。どのようなアイデアがここで間違っている可能性があります/私はこれを修正する方法は？

selectActiveStockTake(item, i) { 
    item.isSelected = !item.isSelected; 
} 

この：私は完全に問題はここにあるかもしれないものにと迷ってしまいましたので、私は

my ListView xml code: 

    <ListView [items]="activeStockTakes" class="list-group"> 
         <ng-template let-activeStockTake="item" let-i="index"> 
          <StackLayout [class.highlight]="item.isSelected" (tap)="selectActiveStockTake(item, index)"> 
           <Label class="list-group-item" [text]="activeStockTake.UserCode + ' - ' + activeStockTake.Comment"></Label> 
          </StackLayout> 
         </ng-template> 
        </ListView> 


    my css code: 

    .highlight { 
     background-color: red !important; 
     border-radius: 3; 
    } 

    my selectActiveStockTake event: 

selectActiveStockTake(item, index) { 
    //console.log(args.index); 
    this.selectedActiveStockTake = this.activeStockTakes[index]; 
    this.selectedActiveStockTake.isSelected = true; 
    console.log(this.selectedActiveStockTake.UserCode); 
} 

Answer 1

が

<ListView [items]="activeStockTakes" class="list-group"> 
    <ng-template let-activeStockTake="item" let-i="index"> 
     <StackLayout [class.highlight]="item.isSelected" (tap)="selectActiveStockTake(item, i)"> 
      <Label class="list-group-item" [text]="activeStockTake.UserCode + ' - ' + activeStockTake.Comment"></Label> 
     </StackLayout> 
    </ng-template> 
</ListView> 

、その後を試してみてください...すべてのエラーを得ることはありませんはるかにクリーンなソリューションであり、完璧に動作するはずです。