fix(select): support custom interpolate symbols

closes #1590
angular · Feb 24, 2015 · 20b6611 · 20b6611
1 parent 9497f06
commit 20b6611
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/select/select.js b/src/components/select/select.js
@@ -65,7 +65,10 @@ angular.module('material.components.select', [
  *   </md-select>
  * </hljs>
  */
-function SelectDirective($mdSelect, $mdUtil, $mdTheming) {
+function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate) {
+  var intStart = $interpolate.startSymbol();
+  var intEnd = $interpolate.endSymbol();
+
   return {
     restrict: 'E',
     require: '?ngModel',
@@ -78,11 +81,11 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming) {
 
     // If not provided, we automatically make one
     if (!labelEl.length) {
-      labelEl = angular.element('<md-select-label>').html('<span>{{' + attr.ngModel + ' !== undefined ? ' + attr.ngModel + ': \'' + attr.placeholder + '\'}}</span>');
+      labelEl = angular.element('<md-select-label>').html('<span>' + intStart + attr.ngModel + ' !== undefined ? ' + attr.ngModel + ': \'' + attr.placeholder + '\''+ intEnd + '</span>');
     }
     labelEl.append('<span class="md-select-icon" aria-hidden="true"></span>');
     labelEl.addClass('md-select-label');
-    labelEl.addClass('{{ ' + attr.ngModel + ' ? \'\' : \'md-placeholder\'}}');
+    labelEl.addClass(intStart + attr.ngModel + ' ? \'\' : \'md-placeholder\'' + intEnd);
     labelEl.attr('id', 'select_label_' + $mdUtil.nextUid());
 
     // There's got to be an md-content inside. If there's not one, let's add it.