주요 질문-가능합니까? 나는 운없이 시도했다 ..
메인 app.js
...
var app = angular.module('myApp', ['services']);
app.config(['customProvider', function (customProvider) {
}]);
...공급자 자체
var services = angular.module('services', []);
services.provider('custom', function ($http) {
});그리고 다음과 같은 오류가 있습니다.
Uncaught Error: Unknown provider: $http from services 어떤 아이디어?
감사!
app.config부분
답변:
Angular 프레임 워크에는 2 단계 초기화 프로세스가 있습니다.
이 config단계 동안 모든 공급자가 초기화되고 모든 config섹션이 실행됩니다. config섹션 제공자 객체를 구성하고, 따라서 그들이 제공 개체를 주입 할 수있는 코드를 포함 할 수있다. 그러나 공급자는 서비스 개체의 공장이고이 단계에서는 공급자가 완전히 초기화 / 구성 되지 않았기 때문에 ->이 단계에서는 공급자 에게 서비스 생성을 요청할 수 없습니다-> 구성 단계에서는 사용할 수 없습니다 / 주입 서비스 . 이 단계가 완료되면 모든 공급자가 준비됩니다 (구성 단계가 완료된 후에는 공급자 구성을 더 이상 수행 할 수 없음).
run단계 동안 모든 run섹션이 실행됩니다. 이 단계 에서 공급자는 준비가되어 있으며 서비스를 만들 수 있습니다.-> run단계에서 서비스를 사용 / 주입 할 수 있습니다 .
$http공급자 초기화 기능에 서비스를 삽입하면 작동 하지 않습니다.//ERRONEOUS angular.module('myModule').provider('myProvider', function($http) { // SECTION 1: code to initialize/configure the PROVIDER goes here (executed during `config` phase) ... this.$get = function() { // code to initialize/configure the SERVICE goes here (executed during `run` stage) return myService; }; });
단계에서 $http실행되는 함수에 서비스 를 주입하려고하므로 config오류가 발생합니다.
Uncaught Error: Unknown provider: $http from services
이 오류가 실제로 말하는 것은 서비스 $httpProvider를 만드는 데 사용되는이 $http아직 준비되지 않았다는 것입니다.config 단계 ).
$http서비스 초기화 기능에 대한 서비스 의지의 작업을 ://OK
angular.module('myModule').provider('myProvider', function() {
// SECTION 1: code to initialize/configure the PROVIDER goes here (executed during `config` phase)
...
this.$get = function($http) {
// code to initialize/configure the SERVICE goes here (executed during `run` stage)
return myService;
};
});이제 서비스를 run단계 동안 실행되는 서비스 초기화 함수에 주입하므로이 코드가 작동합니다.
<script>var config = <% = mySettings.toJson() %>;</script>입니다. 이것은 Smarty for PHP, Jinja2 for Python, Nunchucks for NodeJS 등과 같은 템플릿 엔진을 사용하여 수행 할 수 있습니다.
이것은 당신에게 약간의 영향력을 줄 수 있습니다.
var initInjector = angular.injector(['ng']);
var $http = initInjector.get('$http');그러나 성공 / 오류 콜백으로 인해 앱 시작과 서버 응답 사이의 경쟁 조건에 놓일 수 있습니다.
angular.injector(['mymodule'])에이 접근 방식을 사용할 수 있는지 확실하지 않습니다 $http. 그래도 말하고 싶어. 이 도움이 아닌지 확실하지 경우 : - /
이것은 오래된 질문입니다. 라이브러리의 핵심 기능에 의존하고 싶다면 닭고기 달걀이 진행되고있는 것 같습니다.
근본적인 방법으로 문제를 해결하는 대신 우회로했습니다. 몸 전체를 감싸는 지시문을 만듭니다. 전의.
<body ng-app="app">
<div mc-body>
Hello World
</div>
</body>이제 mc-body렌더링하기 전에 (한 번) 초기화해야합니다.
link: function(scope, element, attrs) {
Auth.login().then() ...
}Auth 서비스 또는 제공 업체입니다 (예 :
.provider('Auth', function() {
... keep your auth configurations
return {
$get: function($http) {
return {
login: function() {
... do something about the http
}
}
}
}
})부트 스트랩의 순서를 제어 할 수있는 것 같습니다. 일반 부트 스트랩이 모든 공급자 구성을 해결 한 다음 mc-body지시문 을 초기화하려고합니다 .
그리고이 지시문은 라우팅이 지시문 ex를 통해 주입되기 때문에 라우팅보다 앞서있을 수 있습니다. <ui-route />. 그러나 나는 이것에 대해 틀릴 수 있습니다. 좀 더 조사가 필요합니다.
"아이디어가 있습니까?"라는 질문에 "예"라고 대답했을 것입니다. 하지만 더 있습니다!
구성에서 JQuery를 사용하는 것이 좋습니다. 예를 들면 :
var app = angular.module('myApp', ['services']);
app.config(['$anyProvider', function ($anyProvider) {
$.ajax({
url: 'www.something.com/api/lolol',
success: function (result) {
$anyProvider.doSomething(result);
}
});
}]);