<html lang="en">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>



<div class="container" ng-app="ornekModul" ng-controller="ornekController">
  
  <div class="page-header">
      <h1>Ornek Form Uygulaması</h1>
    </div>
    
    <form name="userFormTwo" novalidate>
    
        <div class="form-group" ng-repeat="kullanici in formDatalari.kullanicilar" ng-class="{ 'has-error' : userFieldForm.email.$invalid }">
          
        <ng-form name="userFieldForm">
            <span>{{ kullanici.isim }}'in Email</span>
            <input type="email" name="email" ng-model="kullanici.email" required>
            <p ng-show="userFieldForm.email.$invalid">Geçerli bir eposta değeri gerekli</p>
        </ng-form>
          
        </div>
        
    </form>
    <span>{{ formDatalari }}</span>

</div>



</body>
</html>

angular.module('ornekModul', [])

.controller('ornekController', function($scope) {
  var kullanicilar = [
      { 
        isim: 'Ahmet',
        email: ''
      },
      {
        isim: 'Samed',
        email: ''
      }
  ];  
  
  $scope.formDatalari = {};
  $scope.formDatalari.kullanicilar = kullanicilar;
  
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.