0
101
ViewsCambio angular de varios archivos a plantilla en línea
Tengo un par de componentes angulares repartidos en varios archivos, creados con ng generate .
Algunos componentes tienen estilos en línea, ya que html/styles puede ser bastante pequeño, por lo que tiene sentido usar plantillas en línea aquí.
El problema es que me gustaría traducir un par de estos componentes de "múltiples archivos" a estilos en línea. ¿Hay alguna manera de hacerlo dentro del ecosistema Angular?
1 answers
Answer question0
Debe ir al archivo .ts del componente y dentro del decorador @Component cambiar templateUrl a template , y styleUrls a styles . Luego puede eliminar archivos .html y .scss y transferir su código en un archivo .ts .
@Component({ selector: 'app-custom-component', template: `<div>Your component inline HTML.</div>`, styles: ['div { text-align: center; }'] }) Si desea generar un componente con plantillas y estilos en línea, puede hacerlo pasando --inlineTemplate=true --inlineStyle=true a la CLI al generar el componente:
ng generate component custom-component --inlineTemplate=true --inlineStyle=true