0

私の角型アプリケーションでいくつかのコントローラをセットアップしようとしていますが、私は同様のアプローチを使用していると思うので、私が以前にしたように。このコンテンツと引数 'myController'は関数ではなく、定義されていません

'use strict'; 

var modules = [ 
    'app.controllers', 
    'ngCookies', 
    'ngResource', 
    'ngSanitize', 
    'ngRoute', 
    'ui.router', 
    'LocalStorageModule', 
    'angular-loading-bar' 
]; 

var app = angular.module('app', modules); 

app.config(function($httpProvider) { 
    $httpProvider.interceptors.push('authInterceptorService'); 
}) 

app.factory('forgotPasswordService', ['$http', function ($http) { 

    var fac = {}; 

    fac.forgotPassword = function (forgotPasswordData) { 
     return $http.post('/api/Account/ForgotPassword', forgotPasswordData) 
    }; 

    return fac; 

}]) 

app.factory('signUpService', ['$http', function ($http) { 

    var signUpServiceFactory = {}; 

    signUpServiceFactory.saveRegistration = function (registration) { 
     return $http.post('/api/account/register', registration); 
    }; 

    return signUpServiceFactory; 
}]); 

その後controllers.jsファイル:

私はapp.jsファイルを宣言

angular.module('app.controllers', []) 
    .controller('signupController', [ 
     '$scope', '$window', 'signUpService', 
     function($scope, $window, signUpService) { 
      $scope.init = function() { 
       $scope.isProcessing = false; 
       $scope.RegisterBtnText = "Register"; 
      }; 

      $scope.init(); 
      $scope.IsLimitedCompany = null; 
      $scope.registration = { 
       Email: "", 
       Password: "", 
       ConfirmPassword: "" 
      }; 

      $scope.signUp = function() { 
       $scope.isProcessing = true; 
       $scope.RegisterBtnText = "Please wait..."; 
       signUpService.saveRegistration($scope.registration).then(function(response) { 
        alert("Registration Successfully Completed. Please sign in to Continue."); 
        $window.location.href = "login.html"; 
       }, function() { 
        alert("Error occured. Please try again."); 
        $scope.isProcessing = false; 
        $scope.RegisterBtnText = "Register"; 
       }); 
      }; 
     } 
    ]); 

そして、私のhtmlファイル:午前何

<!DOCTYPE html> 
<!--[if !IE]><!--> 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<!--<![endif]--> 
<!-- BEGIN HEAD --> 
<head> 
    <script src="/Metronic/plugins/jquery.min.js" type="text/javascript"></script> 
    <script src="../assets/js/bootstrap.min.js"></script> 
    <script src="/Scripts/angular.js"></script> 
    <script src="/Scripts/angular-cookies.min.js"></script> 
    <script src="/Scripts/angular-resource.min.js"></script> 
    <script src="/Scripts/angular-sanitize.min.js"></script> 
    <script src="/Scripts/angular-route.min.js"></script> 
    <script src="/Scripts/angular-ui-router.min.js"></script> 
    <script src="/Angular/app.js"></script> 
    <script src="/Angular/controllers.js"></script> 
    <script src="/Scripts/angular-local-storage.min.js"></script> 
    <script src="/Scripts/loading-bar.min.js"></script> 
    <script src="/Angular/Services/authInterceptorService.js"></script> 
</head> 
<body class="login"> 
    <div class="content" ng-app="app"> 
     <!-- BEGIN REGISTRATION FORM --> 
     <div class="register-form" ng-controller="signupController"> 
      <h3 class="font-green">Sign Up</h3> 
      <p class="hint"> Enter your account details below: </p> 
      <div class="form-group"> 
       <label class="control-label visible-ie8 visible-ie9">Email</label> 
       <input class="form-control placeholder-no-fix" ng-model="registration.Email" type="text" autocomplete="off" placeholder="Email" name="username" /> 
      </div> 
      <div class="form-group"> 
       <label class="control-label visible-ie8 visible-ie9">Password</label> 
       <input class="form-control placeholder-no-fix" ng-model="registration.Password" type="password" autocomplete="off" id="register_password" placeholder="Password" name="password" /> 
      </div> 
      <div class="form-group"> 
       <label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label> 
       <input class="form-control placeholder-no-fix" ng-model="registration.ConfirmPassword" type="password" autocomplete="off" placeholder="Re-type Your Password" name="rpassword" /> 
      </div> 
      <div class="form-group"> 
       <label class="control-label visible-ie8 visible-ie9">Role</label> 
       <select name="role" ng-change="CheckRole()" ng-model="registration.Role" class="form-control"> 
        <option value="">Role</option> 
        <option value="Borrower">Borrower</option> 
        <option value="Introducer">Introducer</option> 
        <option value="Investor">Investor</option> 
        <option value="Valuer">Valuer</option> 
       </select> 
      </div> 
      <div class="form-actions"> 
       <button type="button" id="register-back-btn" class="btn green btn-outline">Back</button> 
       <button type="submit" id="register-submit-btn" class="btn btn-success uppercase pull-right" ng-click="signUp()" ng-disabled="isProcessing" value="{{RegisterBtnText}}"> 
        Submit 
       </button> 
      </div> 
     </div> 
     <!-- END REGISTRATION FORM --> 
    </div> 
</body> 
</html> 

任意のアイデア私は行方不明?

私はこのエラーを取得しています。エラーを:[NG:AREQ]引数 'signupControllerは' 関数ではありません、あなたが間違った順序でJSファイルが含まれている事前に未定義

おかげで、Laziale

答えて

1

を得ました。

は現在、それはこのための

<script src="/Angular/app.js"></script> 
<script src="/Angular/controllers.js"></script> 

は、あなたのapp.jsがapp.controllersのdefinationを得ていないです。

ITSはお返事のためRijay・カーンのおかげ@この1

<script src="/Angular/controllers.js"></script> 
<script src="/Angular/app.js"></script> 
+0

ようにする必要がありますが、私は場所を切り替えていたとき、私は同じエラーを取得しています。私がリストの一番下にapp.jsを押し込んでいるとき、私はこのエラーが出ます:https://i.gyazo.com/c717bd341e7f7b7fd473190475214bc8.png助けてくれてありがとう – Laziale

+0

定義されているファイルでauthServiceInterceptorProvider ? –

+0

工場またはサービスとして定義されていますか? –

関連する問題