title: Adding ng-model to directive
body: <p>I have the following directive to reverse geocode a lat &amp; long into a place:</p>
  
  <pre><code>/* global app*/
  
  app.directive('reverseGeocode', function () {
          return {
              restrict: 'A',
              template: '&lt;div ng-model="autoLocation"&gt;&lt;/div&gt;',
              link: function (scope, element, attrs) {
                  var geocoder = new google.maps.Geocoder();
                  var latlng = new google.maps.LatLng(attrs.lat, attrs.lng);
                  geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                      if (status == google.maps.GeocoderStatus.OK) {
                          if (results[1]) {
                              element.text(results[1].formatted_address);
                          } else {
                              element.text('Location not found');
                          }
                      } else {
                          element.text('');
                      }
                  });
              },
              require: "ngModel",
              replace: true
          }
      });
  </code></pre>
  
  <p>But for some reason, it doesn't seem to retrieve the ng-model and display it:</p>
  
  <pre><code>&lt;div class="form-group move-down" ng-class="{ 'has-error': place === null }"&gt;
              &lt;label for="place"&gt;Picture taken in:&lt;/label&gt;
              &lt;input type="text" class="form-control" ng-if="!capture.geo" id="place" ng-model="place.formatted_address" ng-autocomplete options="options" required details="place" ng-click="checkPlace(place)"
              uib-tooltip="Please pick the location where you captures your photo!"
              tooltip-placement="top-right"
              tooltip-trigger="mouseenter"
              tooltip-enable="!details.formatted_address"
              tooltip-class="tooltip"&gt;
  
              // DIRECTIVE USED HERE
              &lt;reverse-geocode class="form-control" ng-if="capture.geo" lat="{{capture.latitude}}" lng="{{capture.longitude}}"&gt;
              &lt;div ng-show="place === null" class="noPlace"&gt;
                &lt;i class="glyphicon glyphicon-remove"&gt;&lt;/i&gt; Please fill in a valid location!
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>What my goal is, is to display the location below using:</p>
  
  <pre><code>&lt;div ng-if="capture.geo"&gt;Place: {{autoLocation}}&lt;/div&gt;
  </code></pre>