[javascript] Angular.js : .value ()는 앱 전체 상수를 설정하는 적절한 방법이고 컨트롤러에서 검색하는 방법입니다.

Program / 글쓴이

안녕하세요 저는 angular.js 비디오 몇 개를보고 있었는데 value () 메서드가 일종의 모듈 전체 상수를 설정하는 데 사용되는 것을 보았습니다. 예를 들어 Angular-UI 라이브러리의 구성을 다음과 같이 설정할 수 있습니다. (coffeescript)

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

그리고 내 앱은 현재 다음과 같이 보입니다.

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']

하지만 앱 모듈에 해당하는 ‘app’변수를 탭하여 그 값을 얻을 수없는 것 같습니다.

여기 ST와 angularjs의 Google 그룹에서 공통 코드 btwn 컨트롤러를 공유하는 한 가지 방법은 서비스를 통한다는 것을 읽었습니다.이 개념이 여기에도 적용됩니까?

감사!

답변

Module.value(key, value)편집 가능한 값
Module.constant(key, value)을 주입하는 데 사용되며 상수 값을 주입하는 데 사용됩니다.

둘 사이의 차이점은 “상수를 편집 할 수 없다”는 것이 아니라 $ provide로 상수를 가로 채고 다른 것을 주입 할 수 없다는 것입니다.

// 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
    });

답변

최근에이 기능을 테스트 내에서 Karma와 함께 사용하고 싶었습니다. Dan Doyon이 지적했듯이 핵심은 컨트롤러, 서비스 등과 같은 값을 주입한다는 것입니다. .value를 문자열, 객체 배열 등과 같은 다양한 유형으로 설정할 수 있습니다. 예를 들면 다음과 같습니다.

myvalues.js 값을 포함하는 파일-karma conf 파일에 포함되어 있는지 확인하십시오.

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-Karma가로드 한 Jasmine 사양 파일 일 수 있습니다.

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);
    });
});

답변

csrf컨트롤러에서 참조해야합니다.IndexUsersCtrl = ( $scope, csrf ) 

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

답변