アトリビュートの引用符を1組または2組使用する必要がありますか？

Question

このような属性にはどのフォームを使用しますか？ [id] = "with-hyphen" [id] = "'with-hyphen'" ハイフン付きの属性には、二重引用符のペアは1組だけで構いませんか？あるいは、テキストを一重引用符で囲む必要がありますか？

あなたは、単一引用符を使用するプロパティに渡している場合、それは2

Answer 1

周りの角度です。あなたが渡したい一方場合

<componentA [id]="bId"></componentA> 

：あなたは@Input（）の入札を持っている成分Aを持っていて、プロパティIDを持つコンポーネントBを持っている場合たとえば、あなたはこのようにそれを渡しますそれはIMGのようなのような要素をHTMLになると

<componentA [id]="'whatever string you want'"></componentA> 

、あなたはそれが文字列のように扱われ、SRCに渡している：文字列が直接componentAにネストされた引用符を使用することができます。

<img src="http://somesite.com/funnypic.png"> 

しかし、あなたは、文字列の補間を使用{{}}このようなあなたのコンポーネントに設定されている変数に渡すことができsrcプロパティに変数を渡したい場合：

<img src="{{aComponentVariable}}"> 

希望が役立ちます。

Answer 2

`[id]="with-hyphen" ` 

これは間違っています。

属性を括弧内に入れると、提供している変数にバインドしています。また、javascriptでは、変数に-ダッシュを含めることはできません。

は

id="with-hyphen" 

のに対してこれは、変数に結合していないので、あなたはむしろ