Angular.js: Ist .value () der richtige Weg, um die App-Wide-Konstante festzulegen und sie in einem Controller abzurufen?

Hallo, ich habe mir ein paar Videos von angle.js angesehen und festgestellt, dass mit der Methode value () eine Art modulweite Konstante festgelegt wurde. Zum Beispiel kann man die Konfiguration der Angular-UI-Bibliothek wie folgt einstellen: (Coffeescript)

angular.module('app',[])
.value "ui.config", 
  tinymce:
    theme: 'simple'
    width: '500'
    height: '300'

Und meine App sieht derzeit so aus:

window.app = angular.module("app", [ 'ui'])

.config(["$routeProvider", ($routeProvider) ->
  $routeProvider
  .when "/users",
    templateUrl: "assets/templates/users/index.html"
    controller: IndexUsersCtrl

  .otherwise redirectTo: "/users"

])

.value 'csrf', $('meta[name="csrf-token"]').attr('content') #<---- attention here

IndexUsersCtrl = ($scope) ->
  $scope.users = gon.rabl
  console.log "I want to log the csrf value here" #<---- then attention
IndexUsersCtrl.$inject = ['$scope']

Aber ich kann diesen Wert scheinbar nicht durch Tippen auf die 'App'-Variable erhalten, die dem App-Modul entspricht.

Ich habe hier auf ST und in der Google-Gruppe von angularjs nachgelesen, dass eine Möglichkeit, gemeinsamen Code zwischen zwei Controllern zu teilen, ein Dienst ist. Wird dieses Konzept auch hier gelten?

Vielen Dank!

Module.value(key, value)wird verwendet, um einen bearbeitbaren Wert Module.constant(key, value)zu injizieren , wird verwendet, um einen konstanten Wert zu injizieren

Der Unterschied zwischen den beiden ist nicht so groß, dass Sie "eine Konstante nicht bearbeiten können", sondern vielmehr, dass Sie eine Konstante nicht mit $ supply abfangen und etwas anderes injizieren können.

// define a value
app.value('myThing', 'weee');

// define a constant
app.constant('myConst', 'blah');

// use it in a service
app.factory('myService', ['myThing', 'myConst', function(myThing, myConst){
   return {
       whatsMyThing: function() { 
          return myThing; //weee
       },
       getMyConst: function () {
          return myConst; //blah
       }
   };
}]);

// use it in a controller
app.controller('someController', ['$scope', 'myThing', 'myConst', 
    function($scope, myThing, myConst) {
        $scope.foo = myThing; //weee
        $scope.bar = myConst; //blah
    });

Ich wollte diese Funktion kürzlich mit Karma in einem Test verwenden. Wie Dan Doyon betont, besteht der Schlüssel darin, dass Sie einen Wert wie einen Controller, einen Dienst usw. einfügen. Sie können .value auf viele verschiedene Typen einstellen - Zeichenfolgen, Arrays von Objekten usw. Zum Beispiel:

myvalues.js eine Datei mit Wert - stellen Sie sicher, dass sie in Ihrer Karma Conf-Datei enthalten ist

var myConstantsModule = angular.module('test.models', []);
myConstantModule.value('dataitem', 'thedata');
// or something like this if needed
myConstantModule.value('theitems', [                                                                                                                                                                                                             
  {name: 'Item 1'},                                                                                                                                                                                                                         
  {name: 'Item 2'},                                                                                                                                                                                                                         
  {name: 'Item 3'}
]);                                                                                                                                                                                                                         

]);

test / spec / mytest.js - Vielleicht ist dies eine von Karma geladene Jasmine-Spezifikationsdatei

describe('my model', function() {
    var theValue;
    var theArray;
    beforeEach(module('test.models'));
    beforeEach(inject(function(dataitem,theitems) {
      // note that dataitem is just available
      // after calling module('test.models')
      theValue = dataitem;
      theArray = theitems;
    });
    it('should do something',function() {
      // now you can use the value in your tests as needed
      console.log("The value is " + theValue);
      console.log("The array is " + theArray);
    });
});

Sie müssen csrfin Ihrem Controller referenzierenIndexUsersCtrl = ( $scope, csrf )

IndexUsersCtrl.$inject = [ '$scope', 'csrf' ]