Saltar al contenido

Angular: incluye archivo CSS en index.html

Solución:

Angular CLI tiene su propia forma de inicializar su css / js global.

Están ubicados en .angular-cli.json configuración

Localizar "styles": y agrega tu css allí

Ejemplo :

"styles": [
   "../node_modules/angular2-busy/build/style/busy.css",
   "styles.css"
],

Espero que ayude.

Básicamente, hay tres formas diferentes de hacerlo: –

  1. Agregándolo a la matriz “styles” en el archivo angular-cli.json como lo muestra @penleychan en su respuesta.
"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ]
  1. Puede importar directamente el archivo css al archivo styles.css (o cualquier otro archivo css) que esté incluido en la matriz “styles” en el archivo angular-cli.json agregando la instrucción @import en la parte superior de ese archivo.
@import "~bootstrap/dist/css/bootstrap.min.css";
  1. Incluya el archivo css en la página index.html agregando un elemento de enlace.

Puede encontrar una explicación más elaborada y algunas alternativas más en este enlace.

Tratar

  <link rel="stylesheet" href="https://foroayuda.es/node_modules/angular2-busy/build/style/busy.css" >
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *