title: Cannot type inside TextArea when using dynamic index for ng-model?
body: <p>This problem is really odd and this example could not be easier :)
  The TextArea is somehow blocked. </p>
  
  <p>html</p>
  
  <pre><code>&lt;div ng-app&gt; 
  &lt;div ng-controller="ContactController"&gt;
  &lt;div  ng-repeat="x in names"&gt;
      &lt;textarea class="form-control" rows="5" ng-model="dynamicTextArea[x.ID]"&gt;SOS&lt;/textarea&gt;{{x.ID}} Why you can't type inside the area???
  &lt;/div&gt; 
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;textarea class="form-control" rows="5" ng-model="dynamicTextArea" &gt;SOS&lt;/textarea&gt;
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code> function ContactController($scope) {
       $scope.names = [
          {
          ID: '5'
           },
          {
          ID: '6'
          },
          {
          ID: '7'
          }
      ];
  
   }
  </code></pre>
  
  <p>I even created a fiddle...</p>
  
  <p><a href="http://jsfiddle.net/c93qm5Lj/1/" rel="nofollow">http://jsfiddle.net/c93qm5Lj/1/</a></p>
  
  <p>€ 
  Here is the rest of the code I actually wanted to do, it may help someone who has been stucked doing this for hours. I guess the syntax killed me.</p>
  
  <p>html </p>
  
  <pre><code>&lt;button ng-click="addCommentBox(x.ID)" type="button" class="btn btn-xs btn-default"&gt;Submit comment&lt;/button&gt;
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code>$scope.addCommentBox = function(myID) { 
                    alert($scope.dynamicTextArea[myID]);                   
  }
  </code></pre>