title: unable to find the scope of dynamically created fields in angularjs
body: <p>I am trying to create the form in which user can dynamically add the input field by pressing the button. but I am not able to fetch the value of that input field to controller?
  The following is my form: </p>
  
  <pre><code>&lt;div ng-repeat="skill in skill_set"&gt;
      &lt;label&gt;Skill-name&lt;/label&gt;
      &lt;input type="text"name="" ng-model="skill.sName" placeholder="enter your skills here"&gt;
      &lt;button class="remove" ng-show="$last" ng-click="removeSkill()"&gt;-&lt;/button&gt;
  &lt;/div&gt;
      &lt;button type="button" ng-click="addNewSkill()"&gt;Add more Skills&lt;/button&gt;
      &lt;a ui-sref="/"  ng-click="createMeetup()"&gt; Next Section &lt;/a&gt;
  </code></pre>
  
  <p>my controller is defined as follows:</p>
  
  <pre><code>var app = angular.module('meetupApp', ['ngResource','ui.router']);
  app.controller('mainCrl', ['$scope', '$resource', '$location', function ($scope, $resource, $location) {
    $scope.skill_set = [{id: 'skill1'}];
  
    $scope.addNewSkill = function() {
      var newItemNo = $scope.skill_set.length+1;
      $scope.skill_set.push({'id':'skill'+newItemNo});
      };
  
    $scope.removeSkill = function() {
      var lastItem = $scope.skill_set.length-1;
      $scope.skill_set.splice(lastItem);
      };
  
    $scope.createMeetup = function () {
      var employee = new Employee();
      console.log("the skill set is"+ $scope.skill_set.sName);
      employee.skills =[{skill_name: $scope.skill_set.sName}] ;
      employee.$save();
      };
  }]);
  </code></pre>
  
  <p>Employee is the mongodb document where skills is array of skill_name.
  When I am consoling the skill set. it showing me "the skill set is undefined"
  how do I get the value from input field to controller?
  Small piece of help is really appreciated!!!!</p>