Angular 8:コンポーネントクラスメソッドを同期的/順次に実行

user12250118

Angular Typescriptでメソッドを同期的に実行するにはどうすればよいですか?これらは関数ではなく、メソッドです。最初にサービスを呼び出し、次に2番目に配列に保存します。

runTwoMethods()
{
  this.validateAddress();
  this.saveJsonArchive();
}

検証アドレスは、より多くのサブメソッドを呼び出す可能性があり、Apiでさえない可能性があるため、すべてが完了するまで待ってから保存する必要があります。

次の構文は関数用であり、現在クラスメソッドを検索しています。

Angular / TypeScript-別の関数が完了した後に関数を呼び出す

最後に、データは現在のデータオブジェクトに保存されます。そして、アーカイブに保存したいです。別の可能性として、AddressCurrentMailingとJSONArchive [2]の同期を維持するにはどうすればよいですか?

現在のデータオブジェクトはAPIから供給されており、どこにあるかわからないため(APIを編集してから変換を呼び出すことも許可されていません)、JsonArchiveに保存したいと考えています。

 this.jsonArchive[this.jsonArchiveCounter] = this.addressCurrentMailingFinalData
ステファン・グリロン

あなたは使用することができるObservable第一のためとした後、あなたの第二の方法を使用してSubscribe、コールバックで:

validateAddress(): Observable<Someclassname>
{
    return this._http.get<Someclassname>('url');
}

this.yourService.validateAddress().subscribe(
                (result) => { 
                  this.saveJsonArchive();
                },
                (error) => console.log('NO saveJsonArchive'));

編集validateAddress複数ありObservable

const ox: Observable<Someclassname>[] = [];
ox.push(this.http.get<Someclassname>(url1));
ox.push(this.http.get<Someclassname>(url2));
ox.push(this.http.get<Someclassname>(url3));
forkJoin(ox).subscribe(result => this.saveJsonArchive());

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Angularユニットテストで子コンポーネントのメソッドを実行する方法

分類Dev

コンポーネントメソッドでAngular4で同期呼び出しを行う方法

分類Dev

親クラスから子コンポーネントメソッドを呼び出す-Angular

分類Dev

AngularによるLaravelコントローラーメソッドの実行方法

分類Dev

Angular4の別のコンポーネントからコンポーネントメソッドにアクセスする

分類Dev

すべてのAngularコンポーネントのngAfterViewInitメソッドにロジックを実装できますか?

分類Dev

Angular2ルーティングの子コンポーネントからrouter.parent.navigateメソッドを呼び出すときに、コンポーネントコンストラクターとルーターライフサイクルフックがトリガーされない

分類Dev

Angular:コンポーネントに関数を渡します。この関数は、ターゲットコンポーネントで実行されると、ローカル(ターゲットコンポーネントへの)メソッドを呼び出す必要があります。

分類Dev

Angular 1.5コンポーネントメソッドtemplateUrl +関数

分類Dev

Angular 7、コンポーネントにクラスを追加

分類Dev

Angular 2 コンポーネントの実行順序

分類Dev

Angular Webコンポーネントメソッド(CustomElement)を呼び出す

分類Dev

ブートストラップ行クラスがAngularのコンポーネントに伝播しない

分類Dev

ユニットテストのために、模擬DOMイベントをAngularのコンポーネントメソッドに渡す

分類Dev

親から子コンポーネントのメソッドへのAngular2アクセス

分類Dev

Parent Angular 2 以降の特定のコンポーネントのメソッドへのアクセス

分類Dev

サービスからコンポーネントメソッドを呼び出す方法 (angular2)

分類Dev

サービスからコンポーネントメソッドを呼び出す方法 (angular2)

分類Dev

Angular + PIXI-コンポーネントメソッドを変数に割り当て、「this」参照を保持する方法

分類Dev

Karmaにワークスペース内の特定のAngular6コンポーネントライブラリのテストを実行させる方法

分類Dev

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

分類Dev

Angular2コンポーネントの子のメソッドをコンポーネントの親に出力する方法

分類Dev

メソッドがAngular10で実行される前に、コンストラクターでの約束が終了しない

分類Dev

コンポーネントがAngularで変更されたときにメソッドを起動する方法

分類Dev

Angular 2、routerOnActivateメソッドがOnActivateを実装するコンポーネントに対して呼び出されることはありません

分類Dev

Angular4の子コンポーネントに非同期オブジェクトパラメーターにアクセスします

分類Dev

ネストされたコンポーネントのAngular2呼び出しメソッド

分類Dev

Angular-コンポーネントを次々に追加します(コード内)

分類Dev

Angular8-1つのコンポーネントから2つ、次に3つにデータをエクスポートする方法

Related 関連記事

  1. 1

    Angularユニットテストで子コンポーネントのメソッドを実行する方法

  2. 2

    コンポーネントメソッドでAngular4で同期呼び出しを行う方法

  3. 3

    親クラスから子コンポーネントメソッドを呼び出す-Angular

  4. 4

    AngularによるLaravelコントローラーメソッドの実行方法

  5. 5

    Angular4の別のコンポーネントからコンポーネントメソッドにアクセスする

  6. 6

    すべてのAngularコンポーネントのngAfterViewInitメソッドにロジックを実装できますか?

  7. 7

    Angular2ルーティングの子コンポーネントからrouter.parent.navigateメソッドを呼び出すときに、コンポーネントコンストラクターとルーターライフサイクルフックがトリガーされない

  8. 8

    Angular:コンポーネントに関数を渡します。この関数は、ターゲットコンポーネントで実行されると、ローカル(ターゲットコンポーネントへの)メソッドを呼び出す必要があります。

  9. 9

    Angular 1.5コンポーネントメソッドtemplateUrl +関数

  10. 10

    Angular 7、コンポーネントにクラスを追加

  11. 11

    Angular 2 コンポーネントの実行順序

  12. 12

    Angular Webコンポーネントメソッド(CustomElement)を呼び出す

  13. 13

    ブートストラップ行クラスがAngularのコンポーネントに伝播しない

  14. 14

    ユニットテストのために、模擬DOMイベントをAngularのコンポーネントメソッドに渡す

  15. 15

    親から子コンポーネントのメソッドへのAngular2アクセス

  16. 16

    Parent Angular 2 以降の特定のコンポーネントのメソッドへのアクセス

  17. 17

    サービスからコンポーネントメソッドを呼び出す方法 (angular2)

  18. 18

    サービスからコンポーネントメソッドを呼び出す方法 (angular2)

  19. 19

    Angular + PIXI-コンポーネントメソッドを変数に割り当て、「this」参照を保持する方法

  20. 20

    Karmaにワークスペース内の特定のAngular6コンポーネントライブラリのテストを実行させる方法

  21. 21

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

  22. 22

    Angular2コンポーネントの子のメソッドをコンポーネントの親に出力する方法

  23. 23

    メソッドがAngular10で実行される前に、コンストラクターでの約束が終了しない

  24. 24

    コンポーネントがAngularで変更されたときにメソッドを起動する方法

  25. 25

    Angular 2、routerOnActivateメソッドがOnActivateを実装するコンポーネントに対して呼び出されることはありません

  26. 26

    Angular4の子コンポーネントに非同期オブジェクトパラメーターにアクセスします

  27. 27

    ネストされたコンポーネントのAngular2呼び出しメソッド

  28. 28

    Angular-コンポーネントを次々に追加します(コード内)

  29. 29

    Angular8-1つのコンポーネントから2つ、次に3つにデータをエクスポートする方法

ホットタグ

アーカイブ