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

我是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'
        });
});

---

我的问题是控制器未加载（警报窗口未显示）。有人能告诉我我做错了什么吗？（如果需要有关我的代码的任何补充详细信息，请告诉我）

在$routeProvider的配置中，请尝试以下操作：

。当（'/'时{
模板：“”
})

---

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

在$routeProvider的配置中，尝试以下操作：

。当（'/'时{
模板：“”
})

---

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

路由模板应指向调用组件的html。基本上你是在加载没有变量的html。你的路由模板应该指向调用你的组件的html。基本上，您正在加载没有变量的html。