He sido desarrollador de Angular1 y recientemente consideré usar Angular4 para un nuevo proyecto de aplicación web.
Con Angular1, solía comprar un 'Tema de administración de Bootstrap' que venía con CSS consistente y bien hecho y muchos complementos de JS juntos que me permitían concentrarme en la aplicación en sí. Solía insertar código Angular1 en las áreas donde había manipulación de datos y disfruté haciéndolo. Así que tuve lo mejor de ambos mundos.
¿Hay alguna manera de que esto se pueda lograr en Angular2/Angular4, 1) sin perder realmente los complementos JS que ofrece el tema y 2) sin tener que copiar el CSS en todas partes?
Sí, es posible, pero tendrá que hacer 'algunos' ajustes.
Modelo
En primer lugar, importe todos sus complementos js a través de npm
npm install (complemento) --save
Luego, deberá editar su angular-cli.json para incluir complementos js (js y css)
"estilos": ["estilos.css"], "guiones": [],
Coloque la ruta a los estilos y scripts en la matriz
Luego, debe agregar el archivo css de la plantilla principal a estilos predefinidos.css
A continuación, debe dividir sus páginas en componentes (ver componentes y 'etiquetar' componentes).
Ahora sobre el desarrollo de aplicaciones personalizadas:
Agregue su personalizado - js en *.component.js - css en *.component.css - html en *.component.html
(* representa el nombre del componente)
y listo...