做一個錶行中angularjs

Question

編輯我不得不修改排在我的表

1. 單擊行
2. 命中修改按鈕
3. 修改行
4. 「修改」按鈕已經變成進入「保存」按鈕，按保存。

從我的角度控制器，我怎麼能告訴表使該行可編輯？...不是....但如何。給你排

Answer 1

是

<tr> 
    <td>Name</td> 
    <td>Surname</td> 
    <td><button>Modifiy</button></td> 
<tr> 

與

<tr> 
    <td> 
     <span *ngIf="!isBeingModified">Name</span> 
     <input *ngIf="isBeingModified" type="text" value="Name"> 
    </td> 
    <td> 
     <span *ngIf="!isBeingModified">Surname</span> 
     <input *ngIf="isBeingModified" type="text" value="Surname"> 
    </td> 
    <td> 
     <button (click)="isBeingModified = !isBeingModified"> 
      <span *ngIf="isBeingModified">Save</span> 
      <span *ngIf="!isBeingModified">Modify</span> 
     </button> 
    </td> 
<tr>