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="myCtrl">
    
    
    <div ng-repeat="x in selected.Animals.animal">
      
      <button ng-hide="$first" ng-click="removeChoice($index)">remove</button>
      
    <input type="text" ng-model="x"/>
​
      <button ng-show="$last" ng-click="addNewChoice(x)">addnew</button>
    </div>
     
    <pre>{{selected | json}}</pre>
​
    
  </body>
​
</html>
​
 
body {
  margin: 20px
}
​
.formly-field {
  margin-bottom:16px;
}
 
console.clear(); 
angular.module('myApp',[])
.controller('myCtrl', function($scope){
  
  $scope.selected={};
  $scope.selected.Animals= {};
  $scope.selected.Animals.animal =[""];
  
    $scope.addNewChoice = function (x) {
        $scope.selected.Animals.animal.push(x);
    };
  
    $scope.removeChoice = function (index) {
        $scope.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