高級アングラーコンポーネントモード(6)
3117 ワード
06 Use
Render Propsは最近
ノート:
Render Propsは最近
Reactコミュニティでセンセーションを巻き起こしましたが、これと似たようなモデルはAnglarではあまり注目されていないようです.前に書いた文章で述べましたが、TemplateRefsはAngularのRender Propsです.同時にこの文章の中で簡単に使える例を挙げます.ノート:
TemplateRefはクラス名である.htmlタグは、本質的には同じです.でも、プロジェクトの中でもっと頻繁に使うかもしれません.TemplateRefの知識はhtml5のうち 。
， (content directives)。 toggleコンポーネントの コンポーネントが とする であれば、 に します.しかし、もし の が な が の えの になかったら、どうすればいいですか?
ターゲットtoggleコンポーネントの を コンポーネントに し、 コンポーネントに するレンダリングビューを することができる(view).
する
1.ToggleコンポーネントContentChild を して
ここで*ngTemplateOutletコマンドを して することができ、layoutTemplate はレンダリングが なテンプレートを し、contextオブジェクトに まれるキーペアはコンポーネント としてlayoutTemplateに される.
2. コンポーネントtoggleコンポーネントから した は、letキーを して コンポーネントのletのキーワードの クラスは、let-templatevar="inputvar"、templatevarは、inputvarは、
このようなシンタックスは、 コンポーネントのスコープ にすでにinputvar があるなど、 を に することができる.
stackblitzデモンストレーションアドレス
このようなコンポーネントの モードは の な によって、 は の に してビューのレンダリングの の1 の で、どうしてこのように いますか? の 、サブアセンブリビューのレンダリングロジックは、 されたprops と が するテンプレートに しているため、 くの 、 の も じないが、レンダリングが かを に ることができないと、この は に になる.
つの は、 レンダリングコマンドを して、 ってきた からコンポーネントレンダリングの を することができます.この はケースが ない は を できますが、 が に きい は、 すぎるストリップ は、サブアセンブリのテンプレートコード を させ、 を させます.レンダリングのたびにいくつかの が われるからです.
の に えて、 で されたモードを して、このようなモードはサブアセンブリビューのレンダリングロジックをサブアセンブリに さまにして、テンプレートで される だけを して、これらの とテンプレートの に して、 コンポーネントに を えるので、サブアセンブリの とテスト を に させます.
では な を げましたが、ここでは の で う のある を に します.つまり、フォームチェックの り コンポーネントです. なフロントエンドコンポーネントの はフォームに するもので、いずれも に です.
フォーム の に するためには、このようなモードを すれば、 を するコンポーネントは、レンダリングフォームエラーメッセージ のみを して する がある であれば いです. えば、dirty、touchedなど、エラー の と については、すべてエラーメッセージコンポーネントの によって われます.