2017-11-02 12 views
1

コンポーネントを作成しようとしていますが、divの属性として使用してコンポーネントタグを削除したいが、このコンポーネントには入力が必要です。私の質問は、それらのインプットを注入する方法です。コンポーネントタグの使用アングルコンポーネントの値を属性として使用する方法

:私が達成したい何

<app-comp [item]="item"></app-comp> 

は次のとおりです。

<div app-comp [item]="item"></div> 
+0

、取得(要素のレンダリングを変更することを目的としたディレクティブです)https://angular.io/guide/attribute-directives – mcfly

+0

いいえ何も分かりません。 –

+0

こんにちは、このようなことを理解していませんでしたが、属性セレクタを変更できることを知っていませんでした。それを知って嬉しいです。 – mcfly

答えて

2

コンポーネントは、コンポーネント定義の使用で、属性セレクタを持つことができます。

@Component({ 
    selector: 'div[app-comp]' 
... 

または単に

@Component({ 
    selector: '[app-comp]' 
... 

あなたがタグとしてまたは属性、使用として両方を使用する場合:

@Component({ 
    selector: 'app-comp, [app-comp]' 
... 

このためドキュメントの参照はここにある:あなたがディレクティブとコンポーネントを混乱さhttps://angular.io/api/core/Directive#selector

+0

可能性があります私はDivなしで他の場所で使っているので、セレクタを 'div [app-comp]'に変更しないでください –

+0

もちろん、私の答えを更新しました。 –

+0

2番目のタグを使用すると、htmlタグを正しく使用できないことを意味するLook Meateですか? –

関連する問題