Warum funktioniert mein AngularJS-Code nicht?

-4

Bitte können Sie mir helfen, dieses Skript zu beheben:Warum funktioniert mein AngularJS-Code nicht?

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>

Ich habe ein einfaches AngularJS Script, das die Variable und Ausdrücke wie oben angezeigt wird. Aber die Werte werden nicht berechnet. Ich habe ein paar Mal versucht und Sie können den JSFiddle unten sehen.

JSFIDDLE

Quelle

2016-08-30 sergey.sergeyd2016

Ich sah nicht die richtige Verwendung, um eine weitere Referenz der Modulinitialisierung zu machen. Sie sollten diese Referenz "newsFeedModule" und den Init-Controller auf das Modul "newsFeed" entfernen. Es wird funktionieren und yeah, Sie sollten angular.js auf 'DOM' laden. – Vineet

es – Anuj

verwenden Aber AngularJS geladen wird. siehe ‚externe Ressourcen‘ auf jsfiddle –

In JSFiddle müssen Sie auf der JAVASCRIPT Knopf klicken und angular 1.4.8 in Frameworks & Extensions Dropdown auswählen müssen, und wählen Sie dann No wrap in head Option in Load type Dropdown ... . jetzt funktioniert es

JSFIDDLE

Quelle

2016-08-30 07:37:53 Moumit

-1

Sie Notwendigkeit tun AngularJS aufzunehmen!

Quelle

2016-08-30 07:27:58 Felix

AngularJS ist im Preis inbegriffen. siehe ‚externe Ressourcen‘ auf jsfiddle –

Arbeitsbeispiel

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>

Quelle

2016-08-30 07:33:38

Warum Sie die newsFeedModule brauchen? Sie haben bereits die NewsFeed. newsFeed.controler ('newsFeedController') ... –

Warum funktioniert mein AngularJS-Code nicht?

Antwort

Verwandte Themen