Web アプリで何度も繰り返される一般的な「情報ボックス」を作成する必要があります。
このボックスには 3 つの異なるタイプ、たとえば A、B、C が必要です。
それらのテンプレートは非常に似ているため、「汎用ボックス」を作成し、ディレクティブが必要かどうかに応じて、何らかの方法でより具体的にすることを考えていました。 A、B、または C。
以下の画像を例に取りましょう。
緑色でマークされたスペースは、使用しているディレクティブに応じて存在する場合と存在しない場合があり、もちろんその内容と動作はそれに応じて変化するはずです。
ご覧のとおり、メイン ディレクティブは、左側の画像、タイトル、コンテンツ エリアなど、いくつかの基本的な繰り返し情報を含む単なる四角形です。
角度 (メインの四角形など) で汎用ディレクティブを作成し、ある種の継承を使用して「サブディレクティブ」を作成する方法はありますか?
はいの場合、メインディレクティブのみを使用し、それをパラメーターに渡して、そこからディレクティブ A、B、または C を作成する必要があるかどうかを angular に理解させることは可能ですか? 何かのようなもの
<my-generic-directive type="A"></my-generic-directive>
<my-generic-directive type="B"></my-generic-directive>
この手法の考えられる欠点は何ですか? 私は明確だったと思います