2016-06-11 8 views
0

もう1つの本当に簡単な質問で私はもう一度私です。私はAngular 1.5.6を実行していますが、コントローラーは予想通りに動作していないようです。以下では、{{control.helo}}は私に何も与えてくれないし、どうして本当にわからない。私は、次のしている AngularJS 1.5.6コントローラが動作しない

<html ng-app="simplifiedExample"> 
<head> 
</head> 
<body> 
    <div class="container" ng-controller="appController as control"> 
     {{ control.hello }} 
    </div> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="controllers/controller.js"></script> 
</body> 
</html> 

とコントローラ/ controller.jsで

var app = angular.module('simplifiedExample', []); 

app.controller('appController', function() { 
    this.hello = "Helloooo"; 
}); 

任意の助けいただければ幸いです。

EDIT:controller.log( "Test")をそのファイルに置き、正しくログに記録されるので、コントローラのリンクは間違いありません。

また、index.htmlファイルでコントローラの宣言を移動しましたが、何も変更されませんでした。

また、私は別のCDNとAngularの同じ結果を試しました。

CentOS 7 VM(私は自分のコンピュータ上でWindows 10を実行しています)で上記のすべてを追加して試してみましたが、VMの問題も再現しました。

最終編集:みんな、完全に完全に遅れている。私は "コントローラ"を "contoller"と綴っていましたが、これは明らかにタイプミスです。すべて正常に動作します。私が時間を無駄にした皆のために申し訳ありません。 :(

+1

再生できません。投稿されたコードは大丈夫ですが、設定に関するものです。 – dfsq

+1

'appController( 'appController'、function($ scope){$ scope.hello = 'Hello';});'コンソールでエラーが表示されますか? – Tushar

+0

Tushar、あなたのバージョンも試しましたが、コンソールにエラーはなく、ページには出力がありません。 Dfsq、私はVMの電源を入れて、2番目の環境で試してみて、ちょっと分かりました。 – Neekoy

答えて

0

は、以下のコントローラのコードを試してみてください。詳細read thisため

var app = angular.module('simplifiedExample', []); 
app.controller('appController', function() { 
    var control = this; 
    control.hello = "Helloooo"; 
}); 
+1

あなたはOPと同じコードを投稿しました。オリジナルコードだけでなく、 *、あなたのバージョンは**まったく同じ**なので、何も変更できません。 – dfsq

1

HTML

<div ng-app="app" ng-controller="appController as control"> 
    //{{control.id}} 
</div> 

コントローラ

.controller('appController', function() { 
    var control = this; 
    control.id = "someValue";  
}); 
+0

答えが正しい場合は右にチェックしてください。 –

関連する問題