使用DirectiveResolver更改@Component元數據

Question

我在想如何使用DirectiveResolver對象來更改給定的Component。

相關性（NG2動作如此之快，這些天事情就變得過時快速）

"@angular/common": "~2.4.3", 
"@angular/compiler": "~2.4.3", 
"@angular/core": "~2.4.3", 

我已經試過這樣：

import { Component } from '@wwwalkerrun/nativescript-ngx-magic'; 
import { OnInit, Directive, Type } from '@angular/core'; 
import { DirectiveResolver } from '@angular/compiler'; 


class myViewResolver extends DirectiveResolver { 
    resolve(type: Type<any>, throwIfNotFound?: boolean): Directive {   
     var view = super.resolve(type, throwIfNotFound); 
     console.log(type); 
     console.log(view); 
     return view; 
    } 
} 

@Component({ 
    selector: 'app-root', 
    templateUrl: 'views/app/app.component.html', 
    styleUrls: ['views/app/app.component.css'], 
    providers: [myViewResolver] 
}) 
export class AppComponent { 
    title = 'app works!'; 
} 

但讓我懷疑解析器是我不明白的日誌沒執行。

有什麼想法？

PS：官方angular.io API文檔中沒有條目...

Answer 1

您需要通過引導應用程序覆蓋默認的編譯器供應商將額外的供應商。

所以我覺得這個應該工作：

platformBrowserDynamic().bootstrapModule(AppModule, { 
    providers: [ 
    { provide: DirectiveResolver, useClass: myViewResolver } 
    ] 
}); 

Plunker Example