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

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › Angular 9系列(2)動的成分伝送パラメータ
眺める： 15614|答える： 0

[角] Angular 9系列(2)動的成分伝送パラメータ

[リンクをコピー]
掲載地 2020/06/02 14:57:07 | | | |
前節のレビュー

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


この記事では、動的に作成されたコンポーネントにパラメータを渡す方法について説明します。

Modal1ComponentとModal2Componentのコンポーネントは、メインインターフェースで動的に作成するコンポーネントであり、両方のコンポーネントが同じ入力パラメータ(例えば名前)であれば、インターフェースを定義できます。

angular-cliコマンドでインターフェースを作成します。

ng g interface IModalParameter

コードは以下の通りです:


Modal1ComponentとModal2ComponentのコンポーネントはIModalParameterインターフェースから継承します。



コンポーネントが @Input() 名前:string を追加しなければ、 属性、コンポーネントはエラーを報告し、インターフェースは制約として機能します。

同時に、index.component.tsファイルを編集し、onClickメソッドを修正し、コードは以下の通りです。




(終わり)




先の：.net/c# で現在のメソッド名、パラメータ名を取得するために
次に：Angular 9シリーズ(3)は動的コンポーネントイベントをサブスクライブします

関連記事
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com