Angular.js - 不进入控制器

时间:2017-10-23 13:14:56

标签: javascript angularjs iife

为什么不输入AddTaskComponentController并显示我的console.log('TESTE456214651')?代码在同一档案中,因为我使用的是grunt。

(function() {
    'use strict';

    angular.module('dailyTasksApp', []).config(config)

    function config($routeProvider, $locationProvider) {
        $locationProvider.html5Mode({
            enabled: true,
            requireBase: false
        });

        $routeProvider.when('/', {
            templateUrl: 'modules/construction-employees-daily-tasks/app/app.component.html'
        }).when('/adicionar-tarefa', {
            templateUrl: 'modules/construction-employees-daily-tasks/add-task-component/add-task.component.html'
        })
    }
})();

(function(){
    'use strict';

    angular.module('dailyTasksApp').component('addTaskComponent', {
        templateUrl: '/modules/construction-employees-daily-tasks/add-task-component/add-task.component.html',
        controller: AddTaskComponentController
    })

    function AddTaskComponentController() {
        console.log("TESTE456214651");
    }
})();

1 个答案:

答案 0 :(得分:0)

您应该将您的函数声明为Angular控制器。

(function(){
    'use strict';

    angular
        .module('dailyTasksApp', [])
        .config(config)

    function config($routeProvider, $locationProvider) {
        $locationProvider.html5Mode({
            enabled: true,
            requireBase: false
        });

        $routeProvider
            .when('/', {
                templateUrl: 'modules/construction-employees-daily-tasks/app/app.component.html'
            })
            .when('/adicionar-tarefa', {
                templateUrl: 'modules/construction-employees-daily-tasks/add-task-component/add-task.component.html'
            })
    }
})();

(function(){
    'use strict';

    angular
        .module('dailyTasksApp')
        .controller('AddTaskComponentController',
           function(){
               console.log("TESTE456214651");
           })
        .component('addTaskComponent', {
            templateUrl: '/modules/construction-employees-daily-tasks/add-task-component/add-task.component.html',
            controller: AddTaskComponentController
        })

})();