ngclass在角度上的攻擊

Question

我在角度上做一個項目。當我點擊複選框，我希望有一條線槽的文字。但是當我點擊複選框沒有任何反應..

你能幫助我嗎？

謝謝！

<h3>Todos list</h3> 
<ul class="list-group"> 
    <li *ngFor="let todo of todos; let i = index" class="list-group-item"> 
    {{todo.text}} 
<p [ngClass]="{strike: deleted}">test</p> 

<label> 
    <input type="checkbox" ng-model="deleted"> 
</label> 

<button class="btn btn-danger btn-small" (click)="deleteTodo(i)">X</button> 
    </li> 
</ul> 

Answer 1

首先，在角是[(ngModel)]，不ng-model在AngularJs。

而且，你不能有一個變量（deleted）來處理你的*ngFor所有項目。

爲了讓鐵鍋應用更改：

... 
<p [ngClass]="{strike: todo.deleted}">test</p> 

<label> 
    <input type="checkbox" 
     [(ngModel)]="todo.deleted"> 
</label> 
... 

DEMO