title: Binding ng-model to ng-repeat not working
body: <p>I'm trying to bind ng-model dynamically with ng-repeat, but it doesn't seem to work. input.placeholder and input.fa both work as expected, but I can't seem to bind ng-model to anything as it gives me an error. </p>
  
  <p>The relevant HTML </p>
  
  <pre><code>&lt;li class="animate-repeat" ng-repeat="input in accountInfo"&gt;
     &lt;div class="input-group input-group-icon"&gt;
       &lt;input type="text" placeholder="{{input.placeholder}}" ng-model="{{input.model}}"/&gt;
       &lt;div class="input-icon"&gt;&lt;i class="fa {{input.fa}}"&gt;&lt;/i&gt;&lt;/div&gt;
     &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>My accountInfo array of objects.</p>
  
  <pre><code>$scope.accountInfo = [
    {
      model: 'user.fullName',
      placeholder: 'Full Name',
      fa: 'fa-user',
    },
    {
      model: 'user.email',
      placeholder: 'Email Address',
      fa: 'fa-envelope',
    },
    {
      model: 'user.password',
      placeholder: 'Password',
      fa: 'fa-key',
    },
    {
      model: 'user.phone',
      placeholder: 'Phone Number',
      fa: 'fa-phone',
    },
  ];
  </code></pre>
  
  <p>The error i get</p>
  
  <p><a href="https://docs.angularjs.org/error/$parse/syntax?p0=%7B&amp;p1=invalid%20key&amp;p2=2&amp;p3=%7B%7Binput.model%7D%7D&amp;p4=%7Binput.model%7D%7D" rel="nofollow">error link</a></p>
  
  <p>Please help</p>