Copy and add the html element in angularjs

Question

Ques: I want to add the copy of label tag in result div each time when i press the submit button using Angularjs. Any help would be appreciated.

<label class="item item-input">
<input type="text" placeholder="Name">
</label>

<div class="result">
</div>

<button type="submit" class="button button-positive">
Submit
</button>

sylwester · Accepted Answer · 2014-10-13 12:02:15Z

2

I've no idea what do you want obtain by doing that, but please see example below that should helps you a bit.

var app = angular.module('app',[]);

app.controller('fCtrl', function($scope){
  
  $scope.names = [
    
    {id:1}
  ];
  
  $scope.add = function(){
  
    var tmp =  $scope.names[0];
  
    
     $scope.names.push(tmp) 
    
  }
  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="fCtrl">

    <label class="item item-input" ng-repeat="name in names track by $index">
      <input type="text" placeholder="Name">
    </label>

    <div class="result">
    </div>

    <button type="button" class="button button-positive" ng-click="add()">
      Submit
    </button>
  </div>
</div>

answered Oct 13, 2014 at 12:02

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

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

1 Comment

Abdulla khan Over a year ago

Perfect. Working fine as expected.

Collectives™ on Stack Overflow

Copy and add the html element in angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related