Estoy usando Angular 2 y para crear un gráfico de anillos, hice mi implementación a través de svg. La altura y el ancho se han pasado directamente hasta ahora:
html del componente
<svg height="200px" width="200px"> blah_blah_blah_blah_ </svg>Lo que quiero es pasar esos valores como entradas del componente principal. Entonces, digamos que en html llamo al componente como:
HTML principal
<donut-chart [Height]="200" [Width]="200"></donut-chart>Código componente.js
@Input() Height: number = 100; @Input() Width: number = 100;Entonces, mi problema es cómo pasar esas entradas al html del componente .
<svg height="Height" width="Width"> no funciona en ese caso.
Cualquier ayuda es bienvenida.
SVG no admite la vinculación de propiedades, requiere la vinculación de atributos
<svg attr.height.px="{{Height}}" attr.width="{{Width}}px"> blah_blah_blah_blah_ </svg>o
<svg [attr.height.px]="Height" attr.width="{{Width}}px"> blah_blah_blah_blah_ </svg>Ver también