title: Make fields readonly in angular
body: <p>I am making a form where user can add more fields by clicking on add more button. for that I am using ng-repeat and when user click on add more button one field is pushed to array in ng-repeat results into one more field.</p>
  
  <p>Now for some cases ng-repeat array may include some fields , I want to make them readonly but if user click on add more button then that field can be editable.
  My code : </p>
  
  <p><strong>HTML code</strong></p>
  
  <pre><code> &lt;div ng-repeat="field in ui_fields"&gt;
       &lt;label for="Language"&gt;Field Name :&lt;/label&gt;&lt;input class="form-control" type="text" ng-model="field.name"&gt;
       &lt;label for="Language"&gt;Field type :&lt;/label&gt;
       &lt;select class="form-control" ng-model="field.type"&gt;
           &lt;option value=""&gt;Select field type&lt;/option&gt;
           &lt;option value="timedate"&gt;Date &amp; Time&lt;/option&gt;
           &lt;option value="text"&gt;Text&lt;/option&gt;
       &lt;/select&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>Angular code</strong></p>
  
  <pre><code>$scope.add_extra_field = function(){
      $scope.ui_fields.push({ 
          name: "",
          type: ""
        });
      }
  </code></pre>