AngularJS：使用ngRoute進行路由時組件控制器未加載

我是AngularJS初學者。我有以下代碼：AngularJS：使用ngRoute進行路由時組件控制器未加載

由以下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' 
     }); 
});

我的問題是控制器沒有加載（警報窗口沒有出現）。有人能指出我做錯了什麼嗎？（如果需要我的代碼的任何補充的詳細信息，請告訴我）

來源

2016-11-15 Lucian Bredean

你的路由模板應該指向你的組件被調用的html。基本上你沒有變量加載html。 –

在你的$ routeProvider配置，試試這個：

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

記住你的component.js添加到您的索引文件。

來源

2016-11-15 19:07:58

AngularJS：使用ngRoute進行路由時組件控制器未加載

回答

相關問題