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); 
      }; 
     } 
    }); 

Iはまた、ルーティングを設定し、私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' 
     }); 
}); 

Iは、次のコードを持っています私の問題は、コントローラがロードされていないことです（アラートウィンドウは表示されません）。誰かが私のことを私に教えてもらえますか？あなたのインデックスファイルにあなたのcomponent.jsを追加することを忘れないでください

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

：（私のコード上の任意の補足的な詳細が必要な場合は、私に教えてください）

Answer 1

$ routeProviderのためのあなたの構成では、これを試してみてください。