$compile template on search directive to allow expressions in the placeholder value of the input field

Author: kandizzy

dist/angular-google-maps.js

@@ -1,4 +1,4 @@
-/*! angular-google-maps 2.1.0-SNAPSHOT 2014-11-11
+/*! angular-google-maps 2.1.0-SNAPSHOT 2014-11-12
  *  AngularJS directives for Google Maps
  *  git: https://github.com/angular-ui/angular-google-maps.git
  */
@@ -6755,7 +6755,7 @@ This directive creates a new scope.
   var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
 
   angular.module("google-maps".ns()).directive("SearchBox".ns(), [
-    "GoogleMapApi".ns(), "Logger".ns(), "SearchBoxParentModel".ns(), '$http', '$templateCache', function(GoogleMapApi, Logger, SearchBoxParentModel, $http, $templateCache) {
+    "GoogleMapApi".ns(), "Logger".ns(), "SearchBoxParentModel".ns(), '$http', '$templateCache', '$compile', function(GoogleMapApi, Logger, SearchBoxParentModel, $http, $templateCache, $compile) {
       var SearchBox;
       SearchBox = (function() {
         function SearchBox() {
@@ -6789,7 +6789,7 @@ This directive creates a new scope.
                     _this.$log.error('searchBox: invalid position property');
                     return;
                   }
-                  return new SearchBoxParentModel(scope, element, attrs, map, ctrlPosition, template);
+                  return new SearchBoxParentModel(scope, element, attrs, map, ctrlPosition, $compile(template)(scope));
                 });
               });
             };
@@ -6820,7 +6820,7 @@ angular.module('google-maps.wrapped'.ns()).service('GoogleMapsUtilV3'.ns(), func
   return {
     init: _.once(function () {
       //BEGIN REPLACE
-      /*! angular-google-maps 2.1.0-SNAPSHOT 2014-11-11
+      /*! angular-google-maps 2.1.0-SNAPSHOT 2014-11-12
  *  AngularJS directives for Google Maps
  *  git: https://github.com/angular-ui/angular-google-maps.git
  */

dist/angular-google-maps.min.js

@@ -9,7 +9,7 @@ angular.module("search-box-example", ["google-maps".ns()])
 }])
 
 .run(['$templateCache', function ($templateCache) {
-  $templateCache.put('searchbox.tpl.html', '<input id="pac-input" class="pac-controls" type="text" placeholder="Search Box">');
+  $templateCache.put('searchbox.tpl.html', '<input id="pac-input" class="pac-controls" type="text" placeholder="{{3+5}}">');
   $templateCache.put('window.tpl.html', '<div ng-controller="WindowCtrl" ng-init="showPlaceDetails(parameter)">{{place.name}}</div>');
 }])
 

example/assets/scripts/controllers/search-box.js

@@ -15,8 +15,8 @@ This directive creates a new scope.
 {attribute options optional} The options that can be set on a SearchBox object (google.maps.places.SearchBoxOptions object specification)
 ###
 angular.module("google-maps".ns())
-.directive "SearchBox".ns(), ["GoogleMapApi".ns(), "Logger".ns(), "SearchBoxParentModel".ns(), '$http', '$templateCache',
-  (GoogleMapApi, Logger, SearchBoxParentModel, $http, $templateCache) ->
+.directive "SearchBox".ns(), ["GoogleMapApi".ns(), "Logger".ns(), "SearchBoxParentModel".ns(), '$http', '$templateCache', '$compile',
+  (GoogleMapApi, Logger, SearchBoxParentModel, $http, $templateCache, $compile) ->
     class SearchBox
       constructor:  ->
         @$log = Logger
@@ -34,6 +34,7 @@ angular.module("google-maps".ns())
           parentdiv: '=parentdiv'
 
       link: (scope, element, attrs, mapCtrl) =>
+        
         GoogleMapApi.then (maps) =>
           $http.get(scope.template, { cache: $templateCache })
             .success (template) =>
@@ -42,6 +43,6 @@ angular.module("google-maps".ns())
                 if not maps.ControlPosition[ctrlPosition]
                     @$log.error 'searchBox: invalid position property'
                     return
-                new SearchBoxParentModel(scope, element, attrs, map, ctrlPosition, template)
+                new SearchBoxParentModel(scope, element, attrs, map, ctrlPosition, $compile(template)(scope))
     new SearchBox()
 ]