Saltar al contenido

Cómo incluir un archivo JS en ionic 3

Solución:

Esta solución solo funcionó para mí

Pon el js de importación en src/index.html etiqueta de encabezado, antes de la
build/polyfills.js y build/main.js (están en la etiqueta del cuerpo);

Ejemplo: creé un archivo src/assets/test.js con un var testvar, importado en src/index.html y luego en src/app/app.component.ts declarado declare var testvar;.

test.js

var testvar = "Hello from external js";

index.html

...
  <link rel="icon" type="image/x-icon" href="https://foroayuda.es/assets/icon/favicon.ico">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#4e8ef7">

  <!-- cordova.js required for cordova apps -->
  <script src="cordova.js"></script>
  <script src="assets/js/test.js"></script> //here, not in body
...

app.componet.ts

declare var testvar;

@Component({
   templateUrl: 'app.html'
})
export class MyApp {
  @ViewChild(Nav) nav: Nav;
  constructor(private statusbar : StatusBar,  splashScreen: SplashScreen) {
   alert(testvar);
...

Para ampliar la respuesta de misha130. Debería importarlo al archivo que desee de esta manera:

import * as test from '../assets/data/test'

De esta forma tiene acceso a la variable de prueba.

console.log(test.testvar);

Elimínelo de index.html y utilícelo así:

import '../assets/data/test';
¡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 *