AngularJSコードが機能しないのはなぜですか？

-4

あなたは私はこのスクリプトを修正することができますしてください：AngularJSコードが機能しないのはなぜですか？

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

var newsFeedModule = angular.module('newsFeed'); 

newsFeedModule.controller('newsFeedController', function($scope) { 
    $scope.posterWidth = 100; 
    $scope.posterHeight = 60; 

});

HTML：

<div ng-app="newsFeed"> 
    <div ng-controller="newsFeedController"> 
    {{ 2+3 }} 
    {{ posterWidth }} 
    </div> 
</div>

を私は上記のように、変数や表現を表示しようとしていることを、簡単なAngularJSスクリプトを作りました。しかし値は計算されていません。私は数回試しましたが、あなたは以下のJSFiddleを見ることができます。

JSFIDDLE

出典

2016-08-30 sergey.sergeyd2016

モジュール初期化の別の参照を行うのに適切な使用方法が見当たりませんでした。このリファレンス 'newsFeedModule'とinitコントローラを' newsFeed'モジュールに削除してください。それはうまくいくでしょう。あなたは 'DOM'にangular.jsを読み込む必要があります。 – Vineet

それを使用してください – Anuj

しかし、angularjsが読み込まれています。 jsfiddle –

あなたはJAVASCRIPTボタンをクリックしてFrameworks & Extensionsドロップダウンにangular 1.4.8を選択し、Load typeドロップダウンにNo wrap in headオプションを選択する必要がありますする必要があり...今すぐ動作します

JSFIDDLE

出典

2016-08-30 07:37:53 Moumit

-1

あなたはAngularJSを含める必要性を行う！ JSFiddleで

出典

2016-08-30 07:27:58 Felix

angularjsが含まれています。 jsfiddleの「外部リソース」を参照してください –

実施例

https://jsfiddle.net/yeLm5j8u/3/

<!DOCTYPE html> 
<html> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<div ng-app="newsFeed"> 
    <div ng-controller="newsFeedController"> 
    {{ 2+3 }} 
    {{ posterWidth }} 
    </div> 
</div> 

</body> 
<script> 
var newsFeed = angular.module('newsFeed', []); 

var newsFeedModule = angular.module('newsFeed'); 

newsFeedModule.controller('newsFeedController', function($scope) { 
    $scope.posterWidth = 100; 
    $scope.posterHeight = 60; 


}); 
</script> 
</html>

出典

2016-08-30 07:33:38

なぜnewsFeedModuleが必要ですか？あなたはすでにnewsFeedを持っています。 newsFeed.controler（ 'newsFeedController'）... –

AngularJSコードが機能しないのはなぜですか？

答えて

関連する問題