2017-07-06 8 views
0

宣言モジュールを備えたJavaScriptファイルを参照することによりコントローラを作成することができないが、以下のようにapp.js:私はジャバスクリプトファイルに角度モジュールを作成し、それに

VARアプリ= angular.module(「て、myApp」、[] );

さらに私は自分のプロジェクトのコントローラフォルダに行き、Controllersのjavascriptファイルを追加しました。 次に私はすでに最初のステップ(モジュール作成havningれる)app.jsファイルを作成して参照され、私は以下の行のようにそれを使用してコントローラを作成しようとした:

/// <reference path="app.js" /> 
app.controller('myctrl', function ($scope) { 
$scope.tesdtata = 'test'; 
}) 

今はスコープを結合していたとき変数をUIに変換し、ソリューションを実行すると、例外として次のように表示されます。'app'が定義されていません。

最後に、ブラウザで 'testdata'の値を無視できません。

また、app.controller(..)という行を入力すると、インテリジェンスでdiffenetのオーバーロード変数、つまりのapp.controller(recepiename、factoryfunction)が正しく表示されません。

すべてのコントローラファイルに対してモジュールを個別に作成し、そのコントローラを同じファイルに作成するとすべてうまく動作します。問題は、(モジュールを作成して)単一のapp.jsファイルを参照してコントローラを作成しようとするときに発生します。

+0

は、あなたのHTMLコードを表示することができますtoo.lインテリセンスが文句を言わないだろう、この

// app.js var app = angular.module('myApp, []'); // controller.js app.controller... 

を行う

、1あなたをすべての依存関係と、$ scope変数を使用しようとしているものを含んでいますか? – Vivz

+0

定義ファイルを参照しながらフォルダパスを確認するpath: '/// ' –

答えて

0

あなたのUI(HTMLファイル)が次のようになっているかどうか確認してください。そうするだろう。

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
    <script src="Scripts/angular.min.js"></script> 
    <script src="app.js"></script> 
    <script src="control.js"></script> 
</head> 
<body ng-controller="myCtrl"> 
     {{testdata}} 

</body> 
</html> 
0

現在、javascriptでグローバル変数を使用することはお勧めしません。代わりに、必要のないこの

// app.js 
var app = angular.module('myApp, []'); 

// controller.js 
angular.module('myApp').controller... 

リファレンスを行うと

関連する問題