0

Estou iniciando uma aplicação com Angular + RequireJs. Segue abaixo

Main.js

;(function (doc, undefined) {
'use strict';

var $scriptDefault = doc.querySelector('[data-js="script-default"]');
var BASE_URL = $scriptDefault.getAttribute('data-base-url');

require.config({
    baseUrl: '/js',
    paths: {
        jquery: [
            'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min',
            'vendor/jquery'
        ],
        lodash: 'vendor/lodash',
        angular: '../bower_components/angular/angular.min',
        ngRoute: '../bower_components/angular-route/angular-route.min',
        domReady: '../bower_components/requirejs-domready/domReady',
    },
    shim: {
        'angular': {
            exports: 'angular',
            deps: ['jquery']
        },

        'ngRoute': {
            deps: ['angular']
        },
        'newApp': {
            deps: [
                'angular',
                'ngRoute'
            ]
        }
    },
    deps: [
        // kick start application... see bootstrap.js
        './bootstrap'
    ]
});

})(document);

App.js

'use strict'
define([
    'angular'
], function () {
    var app = angular.module('sisge', ['ngRoute']);
    app.config(function ($routeProvider, $locationProvider) {

        $routeProvider
            .when('/', {
                templateUrl: '../app/modules/dashboard/dashboard.html',
                controller: "DashboardCtrl"
            })
            .when('/usuarios', {
                templateUrl: '../app/modules/usuarios/list.html',
                controller: 'ListUsuarioCtrl',
            })
            .when('/ligas', {
                templateUrl: '../app/modules/ligas/list.html',
                controller: 'ListLigaCtrl',
            })
            .otherwise ({ redirectTo: '/' });

        $locationProvider.html5Mode(true);

    });
return app;
});

bootstrap.js

    define([
        'require',
        'angular',
        'newApp',

    ], function (require, ng) {
        'use strict';

        require(['domReady!'], function (document) {
            ng.bootstrap(document, ['app']);
        });
    });

dashboardCtrl.js

'use strict';
    define([
        '../module'
    ], function (controllers) {
        'use strict';
        controllers.controller('DashboardCtrl', [
            '$scope',

            function ($scope) {
                $scope.message = "Muito bom";
                $scope.text = 'Agora sim dando certo';
                $scope.label = 'caramba';
            }

        ]);
    });

module.js

define([
        'angular'
    ], function (angular) {
        'use strict';
        return angular.module('app.controllers', []);
    });

Estou tendo o seguinte erro de registro de controller como se não fosse carregado, mas ele aparece em network como pagina carregada:

angular.js:14642 Error: [$controller:ctrlreg] http://errors.angularjs.org/1.6.5/$controller/ctrlreg?p0=DashboardCtrl

Alguem pode ajudar?

1 Resposta 1

0

Faltou você definir os Controllers em App.js, você está chamando ele, mas ele não foi criado. Para mas detalhes, consulte a documentação.

app.controller('DashboardCtrl', ['$scope', function ($scope) {
    $scope.titulo = 'Dashboard';
}]);
2
  • Desculpa Wéllingthon, esqueci de colocar o controller no post... 18/08/2017 às 2:48
  • Veja se esse tutorial pode te ajudar, não tem como eu fazer testes no momento.
    – NoobSaibot
    18/08/2017 às 8:29

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .