Hola, he cambiado la ruta angular de mi sitio web (que funcionaba anteriormente) de ui.route a ngRoute, ya que hubo problemas menores de vista.

Ahora ha inutilizado mi sitio web. Los enlaces no funcionan y está lleno de errores. He pasado horas tratando de arreglarlo.

Sigo recibiendo errores:

controllers.js : 8 SyntaxError no capturado: token inesperado. angular.js: 38

Error no detectado: [$ injector: Modulerr] http: //errors.angularjs. org / 1.3.6 / $ injector / modulerr? p0 = financeApp & p1 = Error… ogleapis.com% 2Fajax% 2Flibs% 2Fangularjs% 2F1.3.6% 2Fangular.min.js% 3A17% 3A350)

Me gustaría poder cambiar entre vistas a través de la barra de navegación.

Los únicos cambios que hice fueron la dirección CDN, el archivo script.js y el archivo controllers.js.

Controllers.js:

financeApp.controller('demoCtrl', function($scope) {
}
)

.controller('homeCtrl', function($scope) {
 })

.controller('candidatesCtrl', function($scope) {
 })


.controller('clientsCtrl', function($scope) {
 })

.controller('aboutusCtrl', function($scope) {
 })

.controller('trainingCtrl', function($scope) {
 })

financeApp.controller('contactusCtrl', function($scope) {
 })

financeApp.controller('joinusCtrl', function($scope) {
 })

Y script.js

var financeApp = angular.module('financeApp', ['ngRoute','rangeSlider','ui.bootstrap'])


 financeApp.config(function($routeProvider) {
    $routeProvider
                .when('/home', {
                    templateUrl: 'partials/home.html',
                    controller: 'homeCtrl'
                }).
                when('/candidates', {
                    templateUrl: 'partials/candidates.html',
                    controller: 'candidatesCtrl'
                }).
                    when('/clients', {
                    templateUrl: 'partials/clients.html',
                    controller: 'clientsCtrl'
                }).
                     when('/aboutus', {
                    templateUrl: 'partials/aboutus.html',
                    controller: 'aboutusCtrl'
                }).
                   when('/training', {
                    templateUrl: 'partials/training.html',
                    controller: 'trainingCtrl'
                }).
                    when('/contactus', {
                    templateUrl: '/partials/contactus.html',
                    controller: 'contactusCtrl'
                }).
                   when('/upload', {
                    templateUrl: '/partials/contactform.php',
                    controller: 'joinusCtrl'
                }).


                otherwise({
                    redirectTo: '/'
                });
        });
-2
Superunknown 20 feb. 2015 a las 20:05

3 respuestas

La mejor respuesta

Un par de cosas para verificar

1er Probablemente le faltan o no ha incluido archivos para una de las tres dependencias ngRoute, rangeSliderui.bootstrap

2do: Asegúrese de haber incluido los archivos de secuencia de comandos en este orden

<script src="your_path/angular.js"></script>
<script src='angular-route.js'></script>
<script src='ui-bootstrap.js'></script>
<script src='range-slider.js'></script>
<script src="your_path/script.js"></script>
<script src="your_path/controllers.js"></script>

3er:

Está mezclando un patrón de cadena y haciendo referencia a variables

Asegúrese de tener financeApp delante del registro del controlador

financeApp.controller('homeCtrl', function($scope) {
 })
2
A.B 23 feb. 2015 a las 09:59

En la línea 6 en controller.js hay un punto y coma: elimínelo. De hecho, están en todas partes, elimínalos a todos.

Las líneas 5 a 9 forman un código como este.

.controller('homeCtrl', function($scope) {
 });.controller('candidatesCtrl', function($scope) {
 });

¿Ves el. después de simi-colon arriba? Ese es el problema.

1
Vijayaraghavan Purush 20 feb. 2015 a las 17:14

Debe agregar la aplicación frente a todas sus declaraciones .controller:

financeApp.controller('homeCtrl', function($scope) {
 });

financeApp.controller('candidatesCtrl', function($scope) {
 });

financeApp.controller('clientsCtrl', function($scope) {
 });

financeApp.controller('aboutusCtrl', function($scope) {
 });

financeApp.controller('trainingCtrl', function($scope) {
 });

Y debe eliminar la entrada adicional en:

financeApp.controller('demoCtrl', function($scope) {
});
0
Peter 23 feb. 2015 a las 09:45