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

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 添加到您的索引文件中。