2017-03-20 13 views
1

でのHello Worldを印刷する方法を、私はjavascriptのファイルtestControllerという名前の作成しているが、残念ながらそれはこのエラーを示している私はAngularJSでのHello Worldを印刷しようとしていますangularjs

enter image description here

ここ

あるHTML:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>AngularJS</title> 

<script type="text/javascript" src="../../app/controllers/testController.js"></script> 
</head> 
<body ng-app="app"> 
    <div ng-controller="testController"> 
     <h2>{{message}}</h2> 
    </div> 
</body> 
</html> 

このtestControllerコード

var app = angular.module("app", []); 
app.controller("testController", function ($scope) { 
    $scope.message = "Hello, AngularJS"; 
}); 

どこに問題がありますか?誰でも説明できますか?

+0

問題を見つけるためにここに十分な情報がありません、私はあなたがいくつかのことを変更してみてくださいnはあなたの教訓を投稿示唆.. @sachilaのように、testController.jsのパスを確認してください。 – surajck

+0

エラーメッセージに従って、 'testController'が見つかりません。パスが正しいこと、および正しい*/*または* \ *を使用していることを確認してください。 – Yogesh

+0

私はここに提供されたいくつかの提案に基づいていくつかのものを変更しようとしています。 – Saif

答えて

1

testController機能がappモジュールに登録されていません。あなたのアプリケーションに関連するファイルがもっとたくさんある可能性があります(ポストに関連する情報を持つようにコードを縮小しています)。あなたは

var app = angular.module("app", []); 
app.controller("myOtherController", function ($scope) { 
    //Code here 
}); 

だからこのケースで何が起こったの下のような角度成分を登録する前に、モジュールを毎回再定義している各ファイルには、 appは再び作成してしまったようで、古い登録コンポーネントが全滅してしまいました。 myOtherControllerappモジュールに登録されています。問題を解決するには、再度モジュールを宣言しないでください。&それを一度定義し、他の場所で使用してください。

は、私はあなたのコードに何かを見つけることができませんでし

angular.module('app', []); 

testController.js

angular.module("app") 
.controller("myOtherController", function ($scope) { 
    //Code here 
}); 
+0

明確に説明してくれてありがとう。あなたが言ったように、古い登録されたコンポーネントは 'app'を再度作成した後に一掃されたと言っていました。 – Saif

+0

あなたを助けてくれてうれしい、ありがとう:) –

0

をapp.module.js。だから私はそれを私のためにうまく動作しようとしました。

Plunker https://plnkr.co/edit/xSKHe6?p=preview

チェックモジュールエラー:?https://docs.angularjs.org/error/ $インジェクター/ nomod P0 =アプリ

関連する問題