Anzeigen von Konstanten in der Direktivenansicht nach erfolgreicher Injektion

Question

Frage bezüglich constants in angularjs. Ich habe die folgenden Konstanten in app.js erstellt:

...  angular 
     .module('blocTime', ['firebase', 'ui.router']) 
     .config(config) 
     .constant('STOP_WATCH', { 
      "workTime": 1500, 
      "breakTime": 300 
     }); 
})(); 

ich die Konstante in meinem Richtlinie injiziert habe, wie folgt:

(function() { 
    function clockTimer($interval, $window, STOP_WATCH) { 
     return { 
      templateUrl: '/templates/directives/clock_timer.html', 
      replace: true, 
      restrict: 'E', 
      scope: {}, 
      link: function(scope, element, attributes) { 

       console.log(STOP_WATCH.workTime); ... 
... 
angular 
     .module('blocTime') 
     .directive('clockTimer', clockTimer); 

Ich kann die Konstante Konsolprotokoll aus meiner Richtlinie nur in Ordnung. In meiner Ansicht wird die Konstante jedoch nicht dargestellt. HTML:

<div> 
    <div class="stop-watch">{{ STOP_WATCH.workTime }}</div> 

Es kommt als undefined zurück. Gedanken darüber, warum oder wie es in der Ansicht angezeigt wird? Danke

Answer 1

Ich habe es herausgefunden. In meinem Richtlinie hatte ich scope.STOP_WATCH = STOP_WATCH hinzuzufügen:

(function() { 
    function clockTimer($interval, $window, STOP_WATCH) { 
     return { 
      templateUrl: '/templates/directives/clock_timer.html', 
      replace: true, 
      restrict: 'E', 
      scope: {}, 
      link: function(scope, element, attributes) { 

scope.STOP_WATCH = STOP_WATCH; 
...