は、コントローラ私はPluralSightにAngularJSとDjango開発コースに沿って、次のしてきた...私のコントローラが登録されていないようですし、私は正直、なぜわからないんだけど、何らかの理由でコンソール

Question

に応じ

を登録していません。インストラクターのスタックと私の唯一の違いは、私がAngular 1.6.4を使っていて、1.5.0を使っていることです。以前はいくつかのエラー（ルーティング構文など）が発生しましたが、全体的にはうまくいきました。

EDIT：

私は単にインストラクターの指示に従って、彼と同じコードを書いていることを言及する必要があります。

---

今のところ、私は単純に立ち往生しています。私はscrumboard.config.jsでこのルーティングを持っている：

(function() { 

    "use strict"; 

    angular.module('scrumboard.demo', ["ngRoute"]) 
     .config(["$routeProvider", config]) 
     .run(["$http", run]); 

     function config($routeProvider) { 

      $routeProvider 
       .when('/', { 
        templateUrl: "/static/html/scrumboard.html", 
        controller: "ScrumboardController", 
       }) 
       .when('/login', { 
        templateUrl: "/static/html/login.html", 
        controller: "LoginController", 
       }) 
       .otherwise('/'); 
     } 

     function run($http) { 
      $http.defaults.xsrfHeaderName = 'X-CSRFToken'; 
      $http.defaults.xsrfCookieName = 'csrftoken'; 
     } 
})(); 

そしてlogin.htmlとため、このコントローラ：

(function() { 

    "use strict"; 

    angular.module("scrumboard.demo", []) 
     .controller("LoginController", 
        ["$scope", "$http", "$location", LoginController]); 

    function LoginController($scope, $http, $location) { 

     $scope.login = function() { 

      $http.post('/auth_api/login/', $scope.user) 
       .then(function (response){ 
        $location.url("/"); 
       }, 
       function(error) { 
        //failure 
        $scope.login_error = "Invalid username or password"; 
       }); 
     }; 
    }; 

})(); 

localhost:8000/#!/loginに移動し、私は自分のフォームを見ることができます：

<form ng-submit="login()"> 
    <div style="...">{{ login_error }}</div> 
    <div> 
     <label>Username</label> 
     <input type="text" ng-model="user.username"/> 
    </div> 
    <div> 
     <label>Password</label> 
     <input type="password" ng-model="user.password"/> 
    </div> 
    <div> 
     <button type="submit">Submit</button> 
    </div> 
</form> 

しかし、いくつかの奇妙な理由で私のコンソールは私のLoginControllerが登録された

誰でも正しい方向に私を助けてください。

申し訳ありませんが、私はファイルの種類を見逃していますが、私はAngularを非常に新しくしているので、何を追加すべきか分かりません。

追加情報が必要な場合は教えてください！

Answer 1

コントローラーの定義からlogin.htmlの[]を削除します。

angular.module("scrumboard.demo") 
    .controller("LoginController", 
       ["$scope", "$http", "$location", LoginController]); 

Answer 2

モジュールscrumboard.demoを2回宣言しています。

angular.module()の第2引数なしで

angular.module("scrumboard.demo") 
     .controller("LoginController", 
        ["$scope", "$http", "$location", LoginController]); 

で[]を削除するには、それ以外の場合は、エントリポイントのhtml、ファイルscrumboard.configためのスクリプトタグでセッター

Answer 3

で、ゲッターです。 jsはファイルコントローラファイルの前に置く必要があります。また、@charlietflは2回宣言を削除する必要があります。このよう

、

<script src="your_path/scrumboard.config.js"></script> 
<script src="your_path/scrumboard.controller.js"></script> 

がこの問題を修正するだろうと思います。