2016-10-11 1 views
0

Je me suis réveillé ce matin pour trouver mon application fonctionne plus longtemps. Il utilise un framework de composants similaire à celui utilisé dans le tutoriel du routeur Angular-ui-router Hello Galaxy (https://ui-router.github.io/tutorial/ng1/hellogalaxy), qui ne fonctionne pas non plus à partir de ce matin.Angularjs composants ne fonctionnent plus

Etats comme celui-ci:

var states = [ 
    { name: 'hello', url: '/hello', component: 'hello' }, 
    { name: 'about', url: '/about', component: 'about' }] 

États sont ensuite enregistrés.

composants comme celui-ci:

angular.module('app').component('hello', { 
    template: '<h3>{{$ctrl.greeting}} galaxy!</h3>' + 
    '<button ng-click="$ctrl.toggleGreeting()">toggle greeting</button>', 

    controller: function() { 
    this.greeting = 'hello'; 

    this.toggleGreeting = function() { 
     this.greeting = (this.greeting == 'hello') ? 'whats up' : 'hello' 
    } 
} 

})

J'utilise angulaire 1,58 et le dernier routeur. Ui

message d'erreur: Uncaught TypeError:. Angular.module (...) composant n'est pas une fonction (fonction anonyme) @ hello.js: 1 about.js: 1 Uncaught TypeError: angular.module (. ..). component n'est pas une fonction (fonction anonyme) @ about.js: 1, etc.

La nuit dernière à la fois mon application et l'application de ui-router marchait bien.

+0

On dirait que angular.js n'est pas chargé? – Shawn

+0

Je pense que la version angulaire a été surchargée accidentellement. vérifiez la version installée (si vous utilisez bower, utilisez 'bower info angular') – slackmart

+0

peut-être que vous n'avez aucune définition de module avant ... essayez de démarrer votre code avec: angular.module ('app', []) –

Répondre

0

Ok. La démo ui-routeur, ainsi que mon application utilisait

<script src="//unpkg.com/[email protected]/angular.js"></script> 

Ce retourne maintenant AngularJS v1.2.32 au lieu de 1.5.8 angulaire. Là réside le problème. Je viens de passer à

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 

Cela a résolu le problème.

+0

il résout votre problème? –

+0

explicite est mieux que xD implicite – slackmart