は角2/4

Question

に別のコンポーネントからボタンクリックでコンポーネントをリロード私は、アプリケーション・ルート・コンポーネント内のボタンを持っているアプリルートと新成分

のような二つの成分を持っています。ボタンをクリックすると、毎回新しいコンポーネントをリロードする必要があります。

どうすればいいですか？

おかげ

Answer 1

あなたは簡単に

@Component({ 
    selector: 'my-app', 
    template: `<h1>Hello {{name}}</h1> 
    <my-child #child ></my-child> 
    <button (click)="child.refresh()" >Refresh Child</button> 
    ` 
}) 
export class AppComponent { 
    name = 'World'; 
} 

@Component({ 
    selector: 'my-child', 
    template: `<h1>Date : {{date}}</h1>` 
}) 
export class ChildComponent { 
    date = new Date(); 

    refresh(){ 
    this.date = new Date(); 
    } 
} 

このPlunkerをチェックし、コンポーネント内部のリロード方法を作成し、以下のようにprentから呼び出すことによって、親compopnentからコンポーネントを更新することができます！

これが役立ちますように！