如何讓編輯按鈕在AngularJS中工作？

Question

我是AngularJS的新手，我正在創建一個應用程序，我必須編輯一個文本。我已經創建了這個按鈕。但是，我需要一些幫助來設置編輯按鈕。當用戶點擊編輯按鈕時，我希望他們編輯文本。

這裏是我的編輯按鈕

<a class="back" href="#/people">Back</a> 

    <td><button class="btn btn-primary" ng-click="enableEditor()">Edit</button> 
</td> 

<div class="people-view"> 
<h2 class="name">{{people.name}}</h2> 
<span class="title">{{people.title}}</span> 
<span class="date">{{people.date}} </span> 



    </div> 

Answer 1

維持一個變量edit它可以使true上單擊編輯按鈕 取決於變量切換文本和輸入

<a class="back" href="#/lawyer">Back</a> 

     <td><button class="btn btn-primary" ng-click="edit=ture">Edit</button> 
    </td> 

    <div class="people-view"> 
    <h2 class="name"><span ng-show="!edit">{{people.name}}</span><input ng-show="edit" value="{{people.name}}"></h2> 
    <span class="title"><span ng-show="!edit">{{people.title}}<input ng-show="edit" value="{{people.title}}"></span></span> 
    <span class="date"><span ng-show="!edit">{{people.date}} <input ng-show="edit" value="{{people.date}}"></span></span> 



     </div> 

Working demo