How can I get text value of a
element and displaying it in another div using ng click in AngularJS

Question

On clicking the click button the text in ng-model=name should get reflected in the <h2> tag.

<div ng-model="name">This is a text</div> 
<button ng-click="getname()">Click</button>
<h2>{{name}}</h2>

Do you want to change the div value on the fly or is it fixed? If you want to change the value, then it should be a input element because it doesn't make sense to use `ng-model` on div element — Himanshu Mittal, Nov 27 '15 at 09:21

score 0 · Accepted Answer · answered Nov 27 '15 at 13:10

0

Try this:

<div ng-controller="dummy">
   <div ng-bind="name"></div> 
   <button ng-click="nameCopied=name">Click</button>
   <h2 ng-show="nameCopied" ng-bind="nameCopied"></h2>
<div>

with this controller code:

app.controller('dummy', function($scope) {
  $scope.name = "The text in first div";
  $scope.nameCopied = '';
});

See this Plunkr for reference: http://plnkr.co/edit/5qwwe05CD3JTEbjAYi3m?p=info

answered Nov 27 '15 at 13:10

Alex Pollan

863
5
13

Even this answer might say things but not helpful. – Jai Nov 27 '15 at 13:15
Thanks a lot. This is exactly what i needed. :) – K. Kashyap Nov 27 '15 at 15:45
@AlexPollan - hi man, just need a little help ...go through this link http://jsfiddle.net/6uczbaab/1/ ...... i need to copy both firstname and lastname and then show it anywhere within ng-app. :/ – K. Kashyap Nov 28 '15 at 15:32

How can I get text value of a element and displaying it in another div using ng click in AngularJS

1 Answers1

How can I get text value of a
element and displaying it in another div using ng click in AngularJS