問題描述

我正在嘗試將 $log 服務用于 Angular 2，根據我閱讀的內容，您需要以下步驟:

I'm trying to use $log service into an angular 2, According to what I read you need the following steps:

1. 創建一個包含您要注入的服務的模塊.
2. 調用 UpgradeAdapter 的 upgradeNg1Provider 方法.

所以，我做了以下

  var initInjector = angular.injector(['ng']);
  var $log = initInjector.get('$log');
  angular.module('Services1', [])
    .service('$log', [$log]);
  upgradeAdapter.upgradeNg1Provider('$log');

然后我創建一個 angular 2 組件，如下所示

Then I create an angular 2 component as the following

    @Component({   selector: "ion-app",   template:"<p>Test</p>" })
    @Injectable()
    export class HelloIonicPage {
      message: string;
      constructor( @Inject('$log') $log) {
        this.message = "Hi";
      }
    }

但是當我運行應用程序時，它給了我以下錯誤:

But when I run the application it gives me the following error:

原始異常:$log 沒有提供程序！

ORIGINAL EXCEPTION: No provider for $log!

另外，我嘗試使用 upgradeAdapter bootstrap:

Also, I tried to bootstrap using upgradeAdapter:

  upgradeAdapter.bootstrap(document.documentElement, ['Services1'])

但這也不起作用.請注意，我使用的是 Ionic 2 框架，上面的代碼是寫在里面的

But that didn't work also. Please note that I'm using Ionic 2 framework and the above code is written inside

    this.platform.ready().then(() => { 
            //The code is going here
});

推薦答案

您需要將服務注冊為提供者.這是我將 angular1 $state 注入到 angular 2 應用程序的方法:

You need to register service as provider. Here is how I inject angular1 $state to angular 2 application:

@NgModule({
  providers: [
    {
       provide: '$state', 
       useFactory: ($injector: any) => $injector.get('$state'), 
       deps: ['$injector']
    }
  ]
})

然后代替注入:

@Injectable()
export class RestService {
  constructor(@Inject('$state') $state: any) {
    $state.go('...');
  }
}

這篇關于將 angularjs 服務注入 Angular的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！