How to make edit button work in AngularJS?

Question

I am new to AngularJS, and I am creating an app, where I have to edit a text. I have created the button. But, I need some help to set up the edit button. When the user clicks on the edit button, I want them to edit the text.

Here is my edit button

<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>

S B · Accepted Answer · 2017-04-14 07:53:43Z

3

maintain a variable edit which you can make true on-clicking edit button depending on that variable toggle the text and input

 <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

edited Apr 14, 2017 at 7:53

answered Apr 14, 2017 at 7:38

S B

1,36312 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

S B Over a year ago

wait i'll create a fiddle demo

S B Over a year ago

@John give ng-model to inputs and put one submit button on submit of this button call a function, get the model values there

John Over a year ago

can you please show me in the code for the update button?

Collectives™ on Stack Overflow

How to make edit button work in AngularJS?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related