Comment Inclure les fichier JS ionique dans les 3

Je cherche un moyen d'accéder à une variable de fichier js externe qui j'ai inclus dans les actifs/du dossier de données

ci-dessous est ce que j'ai essayé

placé test.js dans actifs/dossier de données

dans test.js ajouté variable testvar = "heloo from external js";

ajouté la balise script dans src/index.html <script src="assets/data/test.js"></script>

dans app.component.ts j'ai ajouté cette ligne après l'importation;declare var testvar: any;

dans le constructeur a ajouté cette ligne de journal de la valeur console.log(testvar);

résultat est erreur : ERREUR ReferenceError: testvar n'est pas défini

alors, comment puis-je utiliser ma variable js dans le tapuscrit ?

OriginalL'auteur rashidnk | 2017-05-07

  1. 24

    Cette solution a fonctionné pour moi

    Mettre l'importation js dans src/index.html balise d'en-tête, avant de la
    build/polyfills.js et build/main.js (ils sont dans la balise body);

    Exemple : j'ai créé un fichier src/assets/test.js avec un var testvar, importé dans le src/index.html puis dans src/app/app.component.ts déclaré declare var testvar;.

    test.js

    var testvar = "Hello from external js";

    index.html

    ...
  <link rel="icon" type="image/x-icon" href="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);
...
    quelques suggestions si cela ne fonctionne pas: à Ajouter :tout à côté de "déclarer var testvar" . Ajouter allowJs:fidèle à votre tsconfig.json dans le répertoire du projet.
    Nice et le point de répondre.

    OriginalL'auteur rashidnk

  2. 4

    De s'étendre sur les misha130 de réponse. Vous devez l'importer dans le fichier que vous voulez comme ceci:

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

    Cette façon, vous avez accès à la variable de test.

    console.log(test.testvar);
    Cela ne fonctionne pas et le test.testvar est pas défini.
    Pour le faire fonctionner, ajouter de déclarer var testvar; app.componet.ts comme rashidnk dit. Puis testvar peut être accédé comme ceci: console.log(testvar); Notes que faire de cette façon, il n'est pas nécessaire d'ajouter test.js pour index.html

    OriginalL'auteur Logan Garland

  3. 1

    Retirer de index.html et de l'utiliser comme ceci:

    import '../assets/data/test';
    l'erreur est parti ? mais comment accéder à la varibale ?
    console.log(testvar); est pas défini
    Le test est maintenant le var, pas testvar
    ok,alors comment puis-je imprimer la console.journal ? console.journal(test)??
    votre réponse est incomplète bro

    OriginalL'auteur misha130

  4. 0

    C'est la solution qui fonctionne pour moi sur ionique 3.20.0:

    1. Créer ce fichier src/assets/data/test.js. Dans ce fichier de déclarer ces variables:

      testvar = "Hello from external js"; //notes: there is no var keywork
      testvar2 = "Hello from external js"; //notes: there is no var keywork
      var testvar3 = "Hello from external js"; //this will not work

    2. Dans l'app.composante.ts, ajoutez ces lignes à importer le fichier javascript et de déclarer ses variables:

      import * as test from '../assets/data/test'; //check correct path
      declare var testvar: any; //each declaration should be on separate line
      declare var testvar2: any;
      declare var testvar3: any;

    3. Maintenant dans l'app.composante.ts, vous pouvez accéder à ces variables comme ceci:

      console.log(testvar); //not test.testvar
      console.log(testvar2);
      console.log(testvar3); //will be undefined because of the var keywork

    Derniers mots: il n'est pas nécessaire d'ajouter un lien vers test.js dans src/index.html si nous faisons comme ci-dessus.

    OriginalL'auteur tala9999