IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AngularJS Discussion :

Importation fichier JS avec AngularJS


Sujet :

AngularJS

  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2016
    Messages : 1
    Par défaut Importation fichier JS avec AngularJS
    Bonjour à tous et à toutes,

    je suis en train de coder actuellement un "Clicker game" en particulier grâce à AngularJS.

    J'en suis qu'au début et j'ai un problème d'importation d'un fichier script (en .js)

    J'ai plusieurs fichiers :

    index.html qui représente la page web (contenant de l'AngularJS)

    style.css pour le design (encore au début)

    clicker.js fichier script qui doit contenir toutes les fonctions poru le clicker

    Cependant à l’exécution de la page web, cela ne fonctionne pas et d'après la console de développement, c'est du a un problème d'importatino du fichier clicker.js. Voila le message que j'obtiens :
    Uncaught Error: [$injector:modulerr] Failed to instantiate module clicker due to:
    Error: [$injector:nomod] Module 'clicker' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
    Voilà le contenu du fichier HTML :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <html lang="fr">
    <head>
        <title> Clicker </title>
        <link rel="stylesheet" href="style.css" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script src="js/angular.js"></script>
        <script src "clicker.js"></script>
    </head>
    <body ng-app="clicker">
        <h1> Clicker </h1>
        <section ng-controller="clickerCtrl">
            <p class = "click">
            <button ng-click="click()">Click !</button>
            <span> {{clicks}} clics </span>
            </p>
        </section>
    </body>
    </html>
    et le contenu de mon fichier clicker.js :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    var clicker = angular.module('clicker', [
     
        'clickerGame'
    ]);
    //Déclaration du module
    var clickerGame = angular.module('clickerGame',[]);
     
    //Déclaration du controleur
    clickerGame.controller('clickerCtrl', ['$scope', function($scope) {
            $scope.clicks=0; // nombre initial
            $scope.click = function () {
                //ajout d'un click
                $scope.clicks++;
            }
        }]);
    Je suis peut être aveugle mais je ne vois pas d'où sa vient (et ne vous inquiétez pas s'il n'y a pas grand chopse mais j'en suis a début mais je pense qu'une fois régler ce problème d'importation, cela ira mieux par la suite)

    Merci (beaucoup) d'avance pour votre aide

  2. #2
    Membre émérite Avatar de slim
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Décembre 2002
    Messages
    938
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2002
    Messages : 938
    Par défaut
    Salut!

    Il manquerait pas un "=" à la déclaration de ton script ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script src "clicker.js"></script>
    Faites une recherche sur le forum et/ou sur internet et lisez la doc officielle avant de poser une question svp.
    et n'oubliez pas de lire les FAQ !
    FAQ Java et les cours et tutoriels Java
    Doc JAVA officielle
    AngularJS 1.x
    Angular 2

    Do it simple... and RTFM !

Discussions similaires

  1. VC++ Direct3D8, problème avec LPD3DXFONT et LPD3DTEXTURE8
    Par Magus (Dave) dans le forum DirectX
    Réponses: 3
    Dernier message: 03/08/2002, 11h10
  2. Problème avec [b]struct[/b]
    Par Bouziane Abderraouf dans le forum CORBA
    Réponses: 2
    Dernier message: 17/07/2002, 10h25
  3. Problème avec le type 'Corba::Any_out'
    Par Steven dans le forum CORBA
    Réponses: 2
    Dernier message: 14/07/2002, 18h48
  4. Problème avec la mémoire virtuelle
    Par Anonymous dans le forum CORBA
    Réponses: 13
    Dernier message: 16/04/2002, 16h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo