Question

我是AngularJS初学者。我有以下代码：

由以下js文件定义的组件：

angular.module('EasyDocsUBBApp')
    .component('loginTag', {
        templateUrl: 'login-tag/login-tag.html',
        controller: function () {
            alert(1);
            this.login = function () {
                console.log(this.username + ':' + this.password);
            };
        }
    });

我的app.js文件的内容，我也配置了路由：

var app = angular.module('EasyDocsUBBApp', ['ngRoute']);

app.config(function ($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'login-tag/login-tag.html'
        })
        .when('/test', {
            templateUrl: 'test.html'
        })
        .otherwise({
            redirectTo: 'login-tag/login-tag.html'
        });
});

我的问题是没有加载控制器（警报窗口没有出现）。有人能指出我做错了吗？（如果需要我的代码的任何补充细节，请告诉我）

Answer 1

在$ routeProvider的配置中，试试这个：

.when('/', { template: '<login-tag></login-tag>' })

请记住将component.js添加到索引文件中。

AngularJS：使用ngRoute路由时未加载组件控制器

1 个答案: