Eğik 2 pas parametreleri DI istisna

Question

benim yapıcı içinde kurulum için bir bileşeni üzerinde bir dize özelliğini isteyen ediyorum, ama bu

@Component({ 
    selector: 'wg-app', 
    templateUrl: 'templates/html/wg-app.html' 
}) 
export class AppComponent { 

    constructor(private state:string = 'joining'){ 

    } 
} 

gibi bir şey denediğimde DI istisna olsun atar

EXCEPTION: No provider for String! (AppComponent -> String) 

Açıkçası, enjektör bir 'string' sağlayıcı bulmaya çalışıyor ve bulamıyor.

Bu tür bir şey için ne tür bir desen kullanmalıyım? Örneğin. başlangıç ​​parametrelerini bir bileşene geçirme.

Kaçınılması gerekenler nelerdir? İlk dizgiyi enjekte etmeli miyim?

Answer 1

@Input() özelliklerini kullanabilirsiniz.

<my-component [state]="'joining'"></my-component> 

export class AppComponent { 
    @Input() state: string; 
    constructor() { 
    console.log(this.state) // => undefined 
    } 
    ngOnInit() { 
    console.log(this.state) // => 'joining' 
    } 
} 

Oluşturucu genellikle sadece DI için kullanılmalıdır ...

Ama gerçekten, gerçekten gerekiyorsa enjektabl değişken (plunker) oluşturabilirsiniz:

let REALLY_IMPORTANT_STRING = new OpaqueToken('REALLY_IMPORTANT_STRING'); 
bootstrap(AppComponent, [provide(REALLY_IMPORTANT_STRING, { useValue: '!' })]) 

export class AppComponent { 
    constructor(@Inject(REALLY_IMPORTANT_STRING) public state: REALLY_IMPORTANT_STRING) { 
    console.log(this.state) // => ! 
    } 
} 

En basit seçenek sadece ayarlamaktır sınıf özelliği:

export class AppComponent { 
    private state:string = 'joining'; 
    constructor() { 
    console.log(this.state) // => joining 
    } 
} 

@Mark işaret etti, başka bir ption bir hizmeti kullanmaktır:,

export class AppService { 
    public state:string = 'joining'; 
} 
export class AppComponent { 
    constructor(private service: AppService) { 
    console.log(this.service.state) // => joining 
    } 
}