問題タブ [angular-component-life-cycle]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
147 参照

angular - NgOnInit が 2 回呼び出されました

ガードの背後にあるページがあり、ngOnInit では通常、最初にサブスクリプションを作成するためのポストで構成され、次にサーバーとの websocket 接続を開くコンテキスト管理サーバーへのサブスクリプションを行います。私のローカル コピーでは、すべて正常に動作しているように見えます...しかし、最近、プロダクション ビルドでサブスクリプションが 2 回行われることがあり、ngOnInit が 2 回呼び出されていると思われることに気付きました。なぜこれが起こっているのかわかりません。

現時点での私の解決策は、このサブスクリプション コードをサービスに移動し、アプリ コンポーネント ngOnInit から 1 回呼び出すことでした。

0 投票する
1 に答える
315 参照

angular - ngDoCheck (Angular9) の実際のユースケース

私はAngularの初心者で、自分で学習しています.ngDoCheckライフサイクルメソッドにこだわっています.

ドキュメントによると:
Angular が単独で検出できない、または検出しない変更を検出して対処します。

親コンポーネント:

親ビュー:

子コンポーネント

私の知る限り、このライフサイクルメソッドを使用して、ngOnChanges がより深いレベルで入力プロパティの変更を検出できないというより深いレベルで最新の変更を取得します。

簡単に言えば、ngOnChanges は、プロパティの参照のみが変更されるプロパティの変更を検出します。

上記の例では、ngDocheck ライフサイクル メソッドはプロパティの最新の変更を取得するために何もしていません。しかし、代わりに、変更検出は、より深いレベルで最新の変更を取得するのに役立ちます

ngDoCheck ライフサイクル メソッドを使用するための正確な使用例を知りたいです。

0 投票する
1 に答える
304 参照

angular - OnInit インターフェイスを実装せずに ngOnInit メソッドを使用するとどうなりますか

onInitインターフェイスを実装せず、コンポーネント内でngOnInitコンポーネントのライフサイクルを使用するとどうなるか教えてください。

インターフェイスを実装せずにngOnInitライフサイクル フックを使用したため、同じように機能しました。

なぜインターフェイスを実装する必要があるのか​​ を理解したかっただけですか?