title: Select created by directive will receive updates but not update others in Angular
body: <p>I have a directive as follows. The <code>&lt;select&gt;</code> created by the directive will update when I change the scope var bound to it in ng-model, but when I change the <code>&lt;select&gt;</code> itself it doesn't update the scope var. I think I'm missing registering a $watch in the link, but I'm not sure... Thanks for the help.</p>
  
  <p>template.html</p>
  
  <pre><code>&lt;div ng-repeat="searchField in searchFields"&gt;
      &lt;select-search-field label="{{searchField.label}}" field="$parent[searchField.field]"&gt;&lt;/select-search-field&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>resulting html</p>
  
  <pre><code>&lt;div&gt;
      &lt;label&gt;Landing Gear&lt;/label&gt;&lt;br&gt;
          &lt;select ng-model="gear"&gt;
          &lt;option value=""&gt;Any&lt;/option&gt;
          &lt;option value="fixed"&gt;Fixed&lt;/option&gt;
          &lt;option value="retractable"&gt;Retractable&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>controller.js</p>
  
  <pre><code>$scope.searchFields = [{
      label: 'Landing Gear'
      field: 'gear'
  }];
  
  $scope.gear = ''; //This is getting sent to directive in "field" (the $parent[] part)
  </code></pre>
  
  <p>directive.js</p>
  
  <pre><code>.directive('selectSearchField',function() {
    function template() {
      return '&lt;label&gt;{{label}}&lt;/label&gt;&lt;br&gt;' + 
        '&lt;select ng-model="field"&gt;' + 
        '&lt;option value=""&gt;Any&lt;/option&gt;' + 
        '&lt;option value="fixed"&gt;Fixed&lt;/option&gt;' + 
        '&lt;option value="retractable"&gt;Retractable&lt;/option&gt;' + 
        '&lt;/select&gt;';
    }
  
    return {
      restrict: 'E',
      scope: {
        label: '@',
        field: '=',
        options: '='
      },
      template: template()
    };
  });
  </code></pre>
  
  <p>Edit: Here are the files on github: <a href="https://github.com/andypandy/littleplanefinder" rel="nofollow">https://github.com/andypandy/littleplanefinder</a> (see stuff in public/js/controllers.js and public/js/directives.js</p>
  
  <p>Also: see it live: <a href="http://www.littleplanefinder.com" rel="nofollow">http://www.littleplanefinder.com</a></p>