角2：我怎樣才能改變從按鈕添加標題爲編輯在列表中點擊

Question

我怎樣才能按鈕標題更改從附加編輯在列表 繼點擊是我的模板：

<div> 
<label>Task:</label> <input #taskNameRef/> 
    <button (click)="addTask(taskNameRef);">Add</button> 
    </div> 
<ul class="tasks"> 
<li *ngFor="let task of tasks" (click)="onSelect(task)" 
    [class.selected]="task === selectedTask"> 
    <span>{{task.taskName}}</span> 
    <button (click)="deleteTask(task.taskName);" class="delete">x</button> 
    </li> 
</ul> 

以下是我的組件的代碼，當我們從列表中選擇任務：

selectedTask: Task;  

onSelect(task: Task): void { 
    this.selectedTask = task; 
} 

注：我只是一個初學者到Angular2。

Answer 1

有多種方法可以做到這一點下面是最簡單的一個：

<button *ngIf="!this.isEditBtn" (click)="addTask(taskNameRef);">Add</button> 
<button *ngIf="this.isEditBtn" (click)="editTask(taskNameRef);">Edit</button> 

在組件：

isEditBtn = false; 
onSelectList(task){ 
    this.isEditBtn = !this.isEditBtn; 
}