別のコンポーネントから App.component.ts メソッドを呼び出す

開発者

app.component.html ファイルの「サインアップ」リンクから呼び出される app.component.ts クラスに「サインアップ」メソッドがあります。内部的にサービス クラスを呼び出し、さらにその中にいくつかのログインを行います。

HTML:

<a (click)="signup($event)">Sign up</a>

ts:

export class AppComponent implements OnInit, OnDestroy {
       signup(e: any) {
            this.service.signup();
       }

}

同じサインアップ リンクを持つ別の html/component ファイルがあります。AppComponent の signup メソッドを html/component ファイルから直接呼び出すことはできますか?

Sandip - フルスタック開発者

以下の条件で1つのコンポーネントメソッド/関数を呼び出すことができます

  • 両方のコンポーネントが同じ DOM 内にある必要があるということは、両方に親子関係があることを意味します。
  • メインコンポーネントを他のコンポーネント間で共有できます
  • シェアードサービスを作る。
  • プロパティ/値の変更に関するイベントをサブスクライブします。イベントエミッター。

共通の機能が一緒になっている、要件に合わせて共有サービスを使用することをお勧めします。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

変数に保存されたデータを app.component.ts(親コンポーネント) から他のコンポーネントに運ぶ Angular2

分類Dev

app.component.ts に 2 つのコンポーネントを追加する

分類Dev

コンポーネントからapp.component.tsに変数を渡すAngular7

分類Dev

app.component.tsおよびページのイオンコンポーネント

分類Dev

vue-class-component:クラスメソッドを呼び出すときのTS2339

分類Dev

他のコンポーネントからapp.componentのメソッドにアクセスする方法は?

分類Dev

root-app-componentの代わりに別のコンポーネントをロードする

分類Dev

app.component.ts OnInitが11回呼び出される通常の動作?

分類Dev

Angularngx-editorは他のcomponents.tsファイルのapp.component.tsから構成をアウトソーシングします

分類Dev

角度app.component.tsでjQueryのコードの使用

分類Dev

角度でapp.jsからコントローラーメソッドを呼び出す方法

分類Dev

app.component.tsからの角度ルーティング

分類Dev

app.component.tsのinitで関数を実行する

分類Dev

Vue.jsの別のコンポーネントからメソッドを呼び出す

分類Dev

Angularの別のコンポーネントからメソッドを呼び出す方法は?

分類Dev

this。$ refsを介して別のvue.jsコンポーネントからメソッドを呼び出す

分類Dev

子コンポーネントから親コンポーネントのメソッドを呼び出す

分類Dev

Vue.js-別のコンポーネントからメソッドを呼び出す方法

分類Dev

Angular | 別のコンポーネントからngonit()メソッドを呼び出す方法

分類Dev

component.htmlの補間値をcomponent.tsに呼び出します

分類Dev

あるコンポーネントのTSファイルから別のコンポーネントにプロパティ値を単純に渡す方法

分類Dev

別のコンポーネントでメソッドを呼び出す方法

分類Dev

src / app / app.component.ts(72,69)のエラー:エラーTS1005: '、'が必要です

分類Dev

あるコンポーネントから別のコンポーネントにメソッドを呼び出す簡単な方法はありますか?

分類Dev

mainメソッドからコンポーネントのメソッドを呼び出す方法は?

分類Dev

あるコンポーネントのメソッドを別のコンポーネントから呼び出す方法はangular2です。

分類Dev

Angular:異なるモジュール内の別のコンポーネントからコンポーネントメソッドを呼び出す方法

分類Dev

Reactコンポーネントメソッドを外部から呼び出す

分類Dev

ReactJS-別のコンポーネントから1つのコンポーネントメソッドを呼び出す

Related 関連記事

  1. 1

    変数に保存されたデータを app.component.ts(親コンポーネント) から他のコンポーネントに運ぶ Angular2

  2. 2

    app.component.ts に 2 つのコンポーネントを追加する

  3. 3

    コンポーネントからapp.component.tsに変数を渡すAngular7

  4. 4

    app.component.tsおよびページのイオンコンポーネント

  5. 5

    vue-class-component:クラスメソッドを呼び出すときのTS2339

  6. 6

    他のコンポーネントからapp.componentのメソッドにアクセスする方法は?

  7. 7

    root-app-componentの代わりに別のコンポーネントをロードする

  8. 8

    app.component.ts OnInitが11回呼び出される通常の動作?

  9. 9

    Angularngx-editorは他のcomponents.tsファイルのapp.component.tsから構成をアウトソーシングします

  10. 10

    角度app.component.tsでjQueryのコードの使用

  11. 11

    角度でapp.jsからコントローラーメソッドを呼び出す方法

  12. 12

    app.component.tsからの角度ルーティング

  13. 13

    app.component.tsのinitで関数を実行する

  14. 14

    Vue.jsの別のコンポーネントからメソッドを呼び出す

  15. 15

    Angularの別のコンポーネントからメソッドを呼び出す方法は?

  16. 16

    this。$ refsを介して別のvue.jsコンポーネントからメソッドを呼び出す

  17. 17

    子コンポーネントから親コンポーネントのメソッドを呼び出す

  18. 18

    Vue.js-別のコンポーネントからメソッドを呼び出す方法

  19. 19

    Angular | 別のコンポーネントからngonit()メソッドを呼び出す方法

  20. 20

    component.htmlの補間値をcomponent.tsに呼び出します

  21. 21

    あるコンポーネントのTSファイルから別のコンポーネントにプロパティ値を単純に渡す方法

  22. 22

    別のコンポーネントでメソッドを呼び出す方法

  23. 23

    src / app / app.component.ts(72,69)のエラー:エラーTS1005: '、'が必要です

  24. 24

    あるコンポーネントから別のコンポーネントにメソッドを呼び出す簡単な方法はありますか?

  25. 25

    mainメソッドからコンポーネントのメソッドを呼び出す方法は?

  26. 26

    あるコンポーネントのメソッドを別のコンポーネントから呼び出す方法はangular2です。

  27. 27

    Angular:異なるモジュール内の別のコンポーネントからコンポーネントメソッドを呼び出す方法

  28. 28

    Reactコンポーネントメソッドを外部から呼び出す

  29. 29

    ReactJS-別のコンポーネントから1つのコンポーネントメソッドを呼び出す

ホットタグ

アーカイブ