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