角度：コンポーネントにインラインスタイルを渡す方法

カスタムコンポーネントを作成しました。コンポーネントのHTMLスキャフォールディングには非常に単純なHTMLが含まれています。角度：コンポーネントにインラインスタイルを渡す方法

<!-- Generated template for the MyComponent component --> 
<div> 
    {{text}} 
</div>

しかし、このようなスタイルを追加しても機能しませんでした。

<my-component style="height:300px; background:gray;"></my-component>

私はそのスタイルを<div>に渡す必要があると思います。しかしどうですか？（すでに1.618 @で述べたように）

そのコンポーネントの内部ループの？ – alphapilgrim

カスタムアンギュラコンポーネントは、デフォルトで 'display：block'が欠けています - スタイルに追加して問題を解決できるかどうかチェックできますか？ – OClyde

は、コンポーネントテンプレート '

'でそれをやっているだけですか？ – ewizard

試し

<my-component [ngStyle]="{height:'300px', background:'gray', display: 'block'}"></my-component>

（display: blockまたはinline-blockで）のみスタイルを適用することも動作します：

<hello style="color: green; height:200px; background:yellow; display: block;}" name="Another name"></hello>

2017-12-11 19:46:34 Andriy

答えて