Angular: Empty Fiddle

http://angularjs.org/

by Grzegorz Rozdzialik

HTML

<script src="https://code.angularjs.org/1.4.9/angular.js"></script>
<div>
<form novalidate class="form-vertical" ng-show="!loading" name="detailsForm" ng-controller="DetailsCtrl">

  <div ng-repeat="social in socials track by $index">
      <ng-form name="urlForm">
            <input type="email" name="socialUrl" ng-model="social.email">
            <span class="alert error" ng-show="urlForm.socialUrl.$error.email">Email error</span>
      </ng-form>
  </div>  
  <a title="Add" class="btn btn-success" href="javascript:void(null)" ng-click="addSocial()"><i class="fa fa-plus fa-lg"></i> Add</a>
</form>
</div>

JavaScript

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

myApp.controller('DetailsCtrl', ['$scope', function($scope) {
    $scope.loading = false;
    var social = {"email":""};
    
    $scope.socials = [
    		{ email: '[email protected]'},
        { email: 'invalid email'}];
    
                
  $scope.addSocial = function(){
    $scope.socials.push(social);
    social = {"email": ""};
  };

    }]
    );