Add adaptive interpolation symbol

Author: iblislin

app/js/timer.js

@@ -12,7 +12,7 @@ var timerModule = angular.module('timer', [])
         autoStart: '&autoStart',
         maxTimeUnit: '='
       },
-      controller: ['$scope', '$element', '$attrs', '$timeout', function ($scope, $element, $attrs, $timeout) {
+      controller: ['$scope', '$element', '$attrs', '$timeout', '$interpolate', function ($scope, $element, $attrs, $timeout, $interpolate) {
 
         // Checking for trim function since IE8 doesn't have it
         // If not a function, create tirm with RegEx to mimic native trim
@@ -28,7 +28,7 @@ var timerModule = angular.module('timer', [])
         $scope.autoStart = $attrs.autoStart || $attrs.autostart;
 
         if ($element.html().trim().length === 0) {
-          $element.append($compile('<span>{{millis}}</span>')($scope));
+          $element.append($compile('<span>' + $interpolate.startSymbol() + 'millis' + $interpolate.endSymbol() + '</span>')($scope));
         } else {
           $element.append($compile($element.contents())($scope));
         }