2017-02-25 14 views
0

2日前に開始したAngularJSの新機能ですが、この問題を解決できません。AngularJS - ng-controllerの名前が見つかりません

The JS Console Error here

私のディレクティブNG-コントローラは、私のコントローラを見つけることができないようです。ここで

は私のコードです:

<section class="index" ng-app="indexApp" ng-controller="cRegister"> 
 
    <form> 
 
    <input type="text" ng-model="username" /> 
 
    <input type="password" ng-model="password" /> 
 
    <input type="submit" ng-click="" /> 
 
    </form> 
 

 
    <script> 
 
    var app = angular.module('indexApp', []) 
 
    app.controller('cRegister', ['$scope', function() { 
 
     console.log('controller: true'); 
 
    }]); 
 
    </script> 
 
</section>

(これは私がNG-ビューで表示することを、メインページの一部である):

<html ng-app="web"> 
 

 
<head> 
 
    <title>AngularJS, tries</title> 
 
    <meta charset="utf-8"> 
 
</head> 
 

 
<body> 
 
    <div ng-view></div> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script> 
 
    <script src="https://code.angularjs.org/1.6.2/angular-route.min.js"></script> 
 
    <script> 
 
    var app = angular.module('web', ['ngRoute']); 
 
    app.config(function($routeProvider) { 
 
     $routeProvider 
 
     .when('/', { 
 
      templateUrl: 'partials/index.php' 
 
     }) 
 
     .otherwise({ 
 
      redirectTo: '/' 
 
     }) 
 
    }); 
 
    </script> 
 
</body> 
 

 
</html>

誰かが私を助けることを願って、ありがとう! :D

+0

divの子要素にng-controllerを追加するとng-app属性が含まれます –

答えて

3

あなたは1つのhtmlで2つのng-app指示を持つことはできません。 内側のものを削除して最初のng-appにそのコントローラを追加してください

+0

ありがとうございました!しかし、私はapp.controller()をインデックス部分に置くことはできません:/ – xBen

+0

javascriptで別の角度モジュールを作成し、それをインデックスモジュールに挿入します。しかし、ng-appを2回使用します。 – pranavjindal999

+1

Worked!ありがとうございました ! – xBen

関連する問題