無法讓第二個控制器在Angular SPA上工作

我有兩頁 - 一個signup page和login page。我現在想要將這兩個表格整合到我的home page上。我在我的HomepageModule.js中添加了對兩個控制器的引用，但註冊功能不起作用。這裏是我的文件，我做錯了什麼？無法讓第二個控制器在Angular SPA上工作

Homepage.ejs：

<body ng-app="HomepageModule" ng-cloak> 
    <form ng-submit="submitLoginForm()" ng-controller="HomepageController"> 
     <!-- Some Inputs --> 
    </form> 
    <div ng-controller="SignupController" 
    <form ng-submit="submitSignupForm()" id="sign-up-form" class="form-signin" name="signup"> 
     <!-- Some Inputs --> 
    </form> 
    </div> 
</body>

HomepageModule：

(function() { 
    'use strict'; 
    angular.module('HomepageModule', ['toastr', 'compareTo','ngMaterial']) 
    .controller('HomepageController', function($scope) { 
     $scope.isOpen = false; 
     $scope.demo = { 
     isOpen: false, 
     count: 0, 
     selectedDirection: 'left' 
     }; 
    }) 
    .controller('SignupController', function($scope) { 
     $scope.isOpen = false; 
     $scope.demo = { 
     isOpen: false, 
     count: 0, 
     selectedDirection: 'left' 
     }; 
    }); 
})();

HomepageController.js：

angular.module('HomepageModule').controller('HomepageController', ['$scope', '$http', 'toastr', function($scope, $http, toastr){ 

    $scope.loginForm = { 
     loading: false 
    } 

    $scope.submitLoginForm = function(){ 
    } 
    //other app logic 
}]);

SignupController.js：

angular.module('HomepageModule').controller('SignupController', ['$scope', '$http', 'toastr', function($scope, $http, toastr){ 

    // set-up loading state 
    $scope.signupForm = { 
     loading: false 
    } 

    $scope.submitSignupForm = function(){ 
    } 
     //other app logic 
    }]);

編輯：

我最懷疑的地方是angular.module('HomepageModule').controller('SignupController', ...行，他們應該從兩個控制器引用HomepageModule？此外，在模塊中包含兩個控制器的語法是否正確？

來源

2016-03-07 George Edwards

您需要註冊表格<form ng-submit="submitSignupForm()" ng-controller="SignupController" ...

來源

2016-03-07 22:31:02 kmalek

對不起，這是一個錯字，請看現在。 –

可能在SignupController.js中使用'Angular'而不是'angular'來代替它的問題 – kmalek

當它們都是小寫字母時，它的效果是一樣的...... –

這將允許兩個控制器存在指定NG-控制器。現在，只有HompageController存在於頁面上。

<body ng-app="HomepageModule" ng-cloak> 
    <form ng-submit="HC.submitLoginForm()" ng-controller="HomepageController as HC"> 
     <!-- Some Inputs --> 
    </form> 
    <form ng-submit="SC.submitSignupForm()" ng-controller="SingupController as SC" id="sign-up-form" class="form-signin" name="signup"> 
     <!-- Some Inputs --> 
    </form> 
</body>

來源

2016-03-07 22:32:46 carterw485

謝謝，作爲HC/SC的意思是/做什麼？ –

僅允許您在頁面上同時訪問它們，如果它們重疊。在這個用例中不需要。 – carterw485

嗯，恐怕還是不行......這種方式都沒有控制器似乎在工作。如果我刪除了所有的SC/HC引用，那麼我只能回到登錄工作 –

無法讓第二個控制器在Angular SPA上工作

回答

相關問題