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
ybuild/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)