コンポーネントからの呼び出し方法

Question

私の問題は、私は私app.component.htmlが

book.component.html

へのアクセスを許可する機能を持つコンポーネントを持っているということです私は私のbook.component.html上のコード行を持っているので、

<div class="form-inline"> 
     <input id="inputSearchBar" class="form-control mr-sm-2" type="text" placeholder="Search" [(ngModel)]="Text"> 
     <button class="btn btn-outline-info my-2 my-sm-0" type="submit" (click)="onSearch()">Search</button> 
    </div> 

は今、これが現在取り組んでいる、私が欲しいのはナビゲーションバー

app.componentの内側に私のapp.component.htmlにこれを使用することです。 HTML

​​

は、私は私のナビゲーションバーの一部としてその検索ボックスを持ちたいし、それが機能的であること、私は私のコンポーネントに何を追加する必要がありますか、私はそれを動作させるために何をすべき。

Answer 1

ここで親子関係船を使用することができます。検索バーのコンポーネントを作成し、Parentコンポーネントを追加します。

1）

app.component.html

<header> 
<search-component> </search-component> 
</header> 

詳細情報はhttps://angular.io/docs/ts/latest/cookbook/component-communication.html

このリンクをチェックし、親HTMLに追加）この

@Component({ 
    selector: 'search-component', 
}) 
export class searchcomponent { } 

2のような検索コンポーネントを作成します

Answer 2

このタスクにはサービスを使用できます。

返信用

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service