更新ビュー

Question

コンポーネントAがそうngOnInit

College 
Faculty 
Workshop 
Time 
Email 

成分Bは、フォ​​ームにコンポーネントを設定されて使用することはできませんカテゴリーの
表示リストと一度だけ開始するサイドバーですこれらのカテゴリ名がハードコーディングされている現在ではDB

での提出の更新にどのこれらのカテゴリの名前と保存の変更

は私が

成分Bに更新するとすぐにA成分の表示を変更したいです

アプリ構造が

app 
   |--Admin 
         |--Sidebar 
                  |--sidebar.component.ts 
         |--Setting 
                  |--setting.component.ts 
         |--Layout 
                  |--layout.component.ts 
                  |--layout.component.html 

両成分が "/" 成分をパスについて

layout.component.html

<sidebar (mouseenter)="mouseEnter()" (mouseleave) = "mouseLeave()"></sidebar> 
    <router-outlet></router-outlet> 

をレイアウトするために属している - ルータ出口表示制御ホーム
管理者の表示名

パスについては"/コントロール・ホーム/設定" - ルータ出口表示設定ページ

sidebar.component.ts

import { Component} from '@angular/core'; 
import { ROUTER_DIRECTIVES } from '@angular/router'; 
import { Router } from '@angular/router'; 

@Component({ 

    moduleId : module.id, 
    selector : 'sidebar',  
    templateUrl : 'sidebar.component.html', 
    directives : [ ROUTER_DIRECTIVES], 
}) 

export class SidebarComponent{ 
} 

sidebar.component.html

<a [routerLink] = "['/control-home/setting']" class="enable-tooltip" data-placement="bottom" title="Settings" ><i class="gi gi-cogwheel"></i></a> 

設定コンポーネントには、値を更新してDBに格納するフォームがあります。

Answer 1

observableを持つ共有サービスを使用して、特定の変更についてグローバルに通知し、関心のあるすべてのコンポーネントが通知自体に作用するようにします。

https://angular.io/docs/ts/latest/cookbook/component-communication.html