未知のプロパティエラーを取得するsvgテキスト要素への角度バインド

Question

SVG/Text要素のdxプロパティに値をバインドしようとしています。ありません

<text x="50%" y="32%" dx="{{dxnum}}" 

と

<text x="50%" y="32%" [dx]="dxnum" 

しかし、これは常にそのDXを言って、エラーを与える：私のような種々の結合の可能性を試してみた

<svg width="100%" height="130px" viewBox="0 0 150 150" *ngIf="!filled"> 
    <circle attr.stroke='{{backColor}}' stroke-width="5" fill='transparent' r="50" cx="50%" cy="35%" /> 
    <text x="50%" y="32%" dx="8" alignment-baseline="middle" text-anchor="middle" font-size="33" attr.fill="{{color}}">{{value}} 
    </text> 
    <text x="50%" y="45%" alignment-baseline="middle" text-anchor="middle" font-size="12" attr.fill="{{color}}">{{label}} 
    </text> 
</svg> 

：結合することなく、それは次のようになります。 SVGテキストの認識された属性：

'dx'は既知のプロパティではないため、バインドできません'：svg：text'。] dx = "{{dxnum}}" alignment-width = "5" fill = 'transparent' r = "50" cx = "50％" cy = "35％ベースライン

Answer 1

=「真ん中」svg要素に結合該当するプロパティが存在しないので、attributeが結合結合の代わりに、property使用。Attribute bindingドキュメント

[attr.dx]="dxnum"