Ich möchte AngularJS lernen in JSF Seiten zu verwenden. Dies ist ein reiner Lernzweck. Ich habe versucht, einfach AngularJS Code innerhalb der JSF hinzuzufügen. Aber es scheint den AngularJS-Code nicht zu identifizieren. es einfach aus dem gleichen My first expression: {{ 5 + 5 }} in den Browser setzen.Wie benutze ich AngularJS in JSF Seite
meine JSF Seite
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
</script>
<body>
<div ng-app="hi" >
<p>My first expression: {{ 5 + 5 }}</p>
</div>
</body>
</html>
Kann mir jemand helfen, wie die Ausgabe des AngularJS Ausdruck in der JSF-Seite zu bekommen? oder zeigen Sie mir irgendeine Richtung
UPDATE
meine eigentliche Absicht ist es, einige Json aus Managebean oder von einer anderen JSF-Seite und füllen Sie hier. aber dafür habe ich versucht, eine Dummy-JSON-Struktur zu erstellen. aber jsf identifiziert die AngularJS-Komponente nicht. Es ist einfach Mein erster Ausdruck drucken: {{5 + 5}} Browser-Konsole druckt MyFirstAng.xhtml:24 Uncaught TypeError: app.conntroller is not a function
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myAPP" ng-controller="customerctrl">
<p>My first expression: {{ 5 + 5 }}</p>
<!-- <ul>
<li ng-repeat="x in myData">
{{x.Name + ', ' + x.Age}}
</li>
</ul>
-->
</div>
</body>
<SCRIPT type="text/javascript">
var app = angular.module('myAPP',[]);
app.conntroller('customerctrl', function($scope){
// $scope.myData=[{Name:'jani',Age:'32'}];
});
</SCRIPT>
</html>
wo ist 'hi' Modul definiert? Hast du es deiner Indexseite hinzugefügt? – Rachmaninoff