2017-11-18 22 views
2

私はいくつかの角度5のプロジェクトに取り組んでおり、https://material.angular.io/の材料設計コンポーネントを使用したいと考えています。角度material2コンポーネントのラッパーを記述する必要がありますか?

マテリアルデザインコンポーネントをカプセル化するためにラッパーレイヤーを記述することをお勧めしますか? <mat-card>...</mat-card>と書くのではなく、<my-app-card>...</my-app-card>のように書きます。

主な動機は、すべてのプロジェクトで一貫して簡単にUIを変更できるようにすることです。

答えて

0

あなた自身でAMのコンポーネントを再フォーマットし、別のプロジェクトでそれらを再利用したい場合 - はい、とても良いアイデアです。しかし、それがスタイルのカプセル化についてのみであれば、ユニークなidをラッパーまたはAMのコンポーネントの1つに与えて、#id angular-material-component { "styles here" }のようなスタイルを書くことができます。

+0

AMのコンポーネントを再レイアウトしたくありません。私は彼らが一貫した方法で使用されていることを確認したい。 たとえば、自分のカードコンポーネントにコンフィグレーションオブジェクトを渡すことができます: ''。 設定オブジェクトは、タイトル、表示されるデータ、およびカードアクションを持つことができます。 しかし、私はそのような柔軟性を失うことになり、my-app-cardコンポーネントのすべての使用事例を予期できないことを恐れています。 – alEX

+0

@alEXこのようにして**すべて**を設定することができます。これは良い方法ですが、私もそれを使用しますが、AMのコンポーネントだけでなく、アプリケーションの繰り返し部分としてこの個別のコンポーネントについて考えることをお勧めします。すべてのユースケースを予期しないことを恐れている場合は、シンプルなコンポーネントから始め、必要なときに新しい機能で拡張することをお勧めします(拡張後にこのコンポーネントのすべての挿入を忘れないでください)。 –

関連する問題