別のコンポーネントのコンポーネントのメソッドの使用方法2？

Question

ヘッダーコンポーネントの角2私はそれをクリックするとモーダルダイアログボックスが表示されるサインアップボタンがあります。私はその方法と他のものを作りました。メインページでは、ボタンをクリックすると別のコンポーネントになります（名前は続きます）。ヘッダーのサインボタンをクリックすると、そのモーダルダイアログが正しく表示されます。 別のコンポーネントでコンポーネントのメソッドを使用する方法が混乱していますか？ これは、ヘッダーhtmlとTSです：

<a class="button" type="button" (click)="showDialog()" >sign up</a> 
showDialog() { 
this.display = true; } 

、これは別のコンポーネントでそのボタンの使用である：

<button [disabled]="!propertyForm.form.valid" 
         (click)="onSubmit($event)" type="submit">continue</button> 

シンプルかつ簡単な方法であなたのご協力いただきありがとうございます。

Answer 1

メインコンポーネントを親とし、2番目のコンポーネントを子としてロードします。あなたのボタンで https://angular.io/guide/component-interaction

親HTML

---

周りに無数の既存の投稿でこれについて検索したり、子供のHTML（異なるチャイルズにすることができます）