title: Two way binding from the link function
body: <p>Can someone tell me why I am not able to two way bind from the link function?</p>
  
  <p>Please refer to this plunk: <a href="http://plnkr.co/edit/RI1ztP?p=preview" rel="nofollow">http://plnkr.co/edit/RI1ztP?p=preview</a></p>
  
  <p>The below watch successfully adds the collection to attrs.ngModel but I dont see it reflecting in the parent controller</p>
  
  <pre><code>scope.$watchCollection("selectedItems",function(collection){
      attrs.ngModel = [];
      for(var i=0;i&lt;collection.length;i++){
        attrs.ngModel.push(collection[i]);
      }
      console.log("ngModel",attrs.ngModel);
    });
  </code></pre>
  
  <p>Cant see the collection over here (selectedUsers):</p>
  
  <pre><code>&lt;body ng-controller="mainCtrl"&gt;
   &lt;div multi-select-search-box ng-model="selectedUsers" label="name" my-options="state in states"&gt;&lt;/div&gt;
  {{selectedUsers}}
  </code></pre>
  
  <p></p>
  
  <p>If you look at the above html, I am binding the selectedUsers array to ng-model. In my link function, i add the selected users to attrs.ngModel array. When I look at the console, the selectedUsers are added to attrs.ngModel but the array isn't reflected back on the html {{selectedUsers}}</p>