この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 9484|答える: 1

[角] Angular 9シリーズ(VIII)は、集合を通じてイベントをトリガーすることで子コンポーネントの値を更新します

[リンクをコピー]
掲載地 2020/06/17 17:46:48 | | | |
Angular 9シリーズ(1)動的負荷成分
https://www.itsvse.com/thread-9238-1-1.html

Angular 9系列(2)動的成分伝送パラメータ
https://www.itsvse.com/thread-9245-1-1.html

Angular 9シリーズ(3)は動的コンポーネントイベントをサブスクライブします
https://www.itsvse.com/thread-9246-1-1.html

Angular 9シリーズ(IV)カスタムパイプパイプライン
https://www.itsvse.com/thread-9248-1-1.html

Angular 9シリーズ(V)は金額通貨形式をフォーマットします
https://www.itsvse.com/thread-9249-1-1.html

Angular 9シリーズ(VI)はネイティブのJS変数とメソッドを呼び出します
https://www.itsvse.com/thread-9254-1-1.html

Angular 9シリーズ(VII)CSSスタイルのスコープ
https://www.itsvse.com/thread-9264-1-1.html

ペアレンコンポーネントに値を渡す過程で、EventEmitterを使ってペアレンコンポーネントに値を送ることができ、ペアレンコンポーネントはそのメソッド内で得られた値を操作できます。

親コンポーネントによって子コンポーネントにバインドされた値は、送信時に変数として受信され、@Input()の集合メソッドを使って入力値を操作・処理する必要があります。

まず、親コンポーネントの「子コンポーネントコンテンツ更新」ボタンをクリックして子コンポーネントに表示されるコンテンツを更新し、各更新の内容を印刷します。効果は以下の通りです。



コードchild-page.component.htmlサブコンポーネント:


サブコンポーネントchild-page.component.tsコード:


親コンポーネントindex.component.htmlコード:


親コンポーネントindex.component.tsコード:

(終わり)





先の:複数のモジュールが一致します。 スキップインポートオプションを使ってインポートをスキップします...
次に:Vue+ElementUI実装
 地主| 掲載地 2024/05/29 16:13:47 |
Angular 17シリーズ(XVII)は@Input値の変化を検出します
https://www.itsvse.com/thread-10775-1-1.html
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com