Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
​
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
  </head>
  <body ng-app="myApp" ng-controller="myController as ctrl">
    
    <input type="text" ng-model="ctrl.x"/>
    <button ng-click="ctrl.addNewChoice(ctrl.x)" ng-disabled="!ctrl.x">addnew</button>
    
    <div ng-repeat="s in ctrl.selected.Animals.animal track by $index">
      <button ng-click="ctrl.removeChoice($index)">remove</button>
      <input type="text" ng-model="s" disabled/>
    </div>
    
    <pre>{{ctrl.selected | json}}</pre>
  </body>
</html>
​
 
body {
  margin: 20px
}
​
.formly-field {
  margin-bottom:16px;
}
 
console.clear(); 
angular.module('myApp',[])
.controller('myController', function($scope){
  this.x = "";
  
  this.selected={};
  this.selected.Animals= {};
  this.selected.Animals.animal =[];
  
    this.addNewChoice = function (x) {
        this.selected.Animals.animal.push(x);
      this.x= "";
    };
  
    this.removeChoice = function (index) {
        this.selected.Animals.animal.splice(index, 1);
    };
  
  
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers