How to delete the textbox when button is clicked in angularjs?

Question

What I am trying is to expand the button when button is clicked..At the same time when u want to delete the textbox I am unable identify the process.The first appending of text boxes had been done in the below fiddle.can anyone solve for delete operation

http://plnkr.co/edit/pI9BSWVLYxiSK2bbKuJW?p=preview

to add text boxes

// 
$scope.addContact = function() {
    $scope.contacts.push({
    })
  }

keithm · Accepted Answer · 2015-10-13 06:08:01Z

2

HTML

<li ng-repeat="contact in contacts track by $index">
  <input type="text" /><button ng-click="removeContact($index)">-</button>   
</li>

Notice I have added a removeContact() method to the button and this is the method:

$scope.removeContact = function(index) {
    $scope.contacts.splice(index, 1);
}

Here is the plnkr

answered Oct 13, 2015 at 6:08

keithm

9586 silver badges10 bronze badges

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

5 Comments

Mamata Yadav Over a year ago

Can we give specific id to the appending textboxes ?

keithm Over a year ago

@MamataYadav - sure you could use $index to do this like so : <input id="input_{{$index}}" type="text" />. The inputs will have unique id's starting with "input_0", "input_1", etc.

Mamata Yadav Over a year ago

Sorry for asking it agian .These appending of textboxes are done in the popup.I struck in a problem that when i enter anythnng in the textboxes that must me added to the parent view as a label with a textbox again..If anyone does not understant this ask me I would explain it in another way.

keithm Over a year ago

I am not sure I understand correctly, but if you trying to "send" the data from the popup to the parent view, and the popup and the parent view do not share the same Controller, you should use a service to pass the data between the popup and the parent view.

Mamata Yadav Over a year ago

suppose i have a controller which displays but the code to write to display it is I am not getting because as i have number of textboxes and its id's .how to assign to a variable one by one and how to display it to the parent view

Collectives™ on Stack Overflow

How to delete the textbox when button is clicked in angularjs?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related