@InputからAngular2コンポーネントのサービスに変数を渡すにはどうすればいいですか>

Question

だから、やっていることは簡単なようです。それはおそらくそうです。しかし、私はそれを理解することはできません。私の質問は：@InputからAngular2コンポーネントのサービスに変数を渡すにはどうすればいいですか？ （コードが簡素化されました）

次のように私のコンポーネントは次のとおりです。

import { Component, Input } from '@angular/core'; 
import { CMSService } from '../cms.service'; 

@Component({ 
    selector: 'cmstext', 
    templateUrl: './cmstext.component.html', 
    styleUrls: ['./cmstext.component.css'] 
}) 
export class CMSTextComponent { 
    constructor(private cms: CMSService) { } 

    @Input() id : string; 
    content = this.cms.getContent(this.id); // this.id is NULL so content is NULL 
} 

そして私のサービス：

import { Injectable } from '@angular/core'; 

@Injectable() 
export class CMSService { 
    constructor() { } 

    getContent(textId:string) : string { 
     this.text = textId; // textId is NULL so this.text returns NULL 
     return this.text; 
    } 
} 

マイコンポーネントテンプレート：

<p>id: {{id}}</p> 
<p>Content: {{content}}</p> 

<cmstext id="4"></cmstext>が追加されると別のコンポーネントテンプレートに出力は：

id: 4 
content: 

私はAngular2をダイビングしています。助けや助言をいただければ幸いです。

Answer 1

を@Krisホレンベック、ngOnInit()で指摘したように答えました。私の最終的なコードはこのように見えました。コンポーネントは、変数をサービスに渡しました。

import { Component, Input, OnInit } from '@angular/core'; 
import { CMSService } from '../cms.service'; 

@Component({ 
    selector: 'cmstext', 
    templateUrl: './cmstext.component.html', 
    styleUrls: ['./cmstext.component.css'] 
}) 
export class CMSTextComponent { 

    public content : string; 

    @Input() id : string; 

    constructor(private cms: CMSService) { } 

    ngOnInit() { 
    this.content = this.cms.getContent(this.id); 
    } 
} 

これは、サービスから変数 "content"へのデータと、要素属性から変数 "id"に渡されたIDを割り当てました。両方の変数はテンプレートにアクセスできました。

Answer 2

ちょうどそれセッター作成し、そこにコードを置く：

@Input() 
    set id(value : string) { 
    this.content = this.cms.getContent(value); 
    }