這幾天初學Angular,
但事件繫結(click)一直沒有作用,F12並沒有出錯,看檢視原始碼(click)是並沒有繫結上去的,如下:
刪除
並沒有繫結我想綁定的事件
有查過可能是ng-if造成的,但我照著查到的做法並沒有解決問題,
希望前輩能指點迷津
以下是我的完整程式碼:(新手只能貼一張圖,還請見諒)
html部分:
<h1>帳號管理</h1>
<div class=“table”>
<thead>
<tr>
<th scope=“col”>#</th>
<th scope=“col”>編號</th>
<th scope=“col”>帳號</th>
<th scope=“col”>中文名稱</th>
<th scope=“col”>信箱</th>
<th scope=“col”>狀態</th>
</tr>
</thead>
<thead *ngFor=“let item of accountArray” >
<tr>
<th scope=“row”></th>
<th scope=“row”>{{item.id}}</th>
<th scope=“row”>{{item.account}}</th>
<th scope=“row”>{{item.cname}}</th>
<th scope=“row”>{{item.mail}}</th>
<th scope=“row” *ngIf=“item.status===1”>鎖定</th>
<th scope=“row” *ngIf=“item.status===1”><button type=“button” class=“btn btn-default” (click)=“item.changeStatus()”>解鎖</button></th>
<th scope=“row” *ngIf=“item.status===0”>正常</th>
<th scope=“row” *ngIf=“item.status===0”><button type=“button” class=“btn btn-danger” (click)=“item.changeStatus()”>刪除</button></th>
<th scope=“row”>{{item.status}}</th>
</tr>
</thead>
</div>
component部分:
功能是希望點下button時觸發changeStatus()事件來變更status值。
statue若是1,將切換成0。
status若是0,則切換成1。
先謝謝前輩幫忙了。