我想學習AngularJS以在JSF頁面中使用。這純粹是學習的目的。我試着簡單地在jsf中添加AngularJS代碼。但似乎它不能識別AngularJS代碼。它只是在瀏覽器中放置相同的My first expression: {{ 5 + 5 }}。如何在jsf中使用AngularJS頁面

我的JSF頁面

<!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>

誰能幫助我如何讓AngularJS表達式的JSF頁面中輸出？或者給我一些指導

UPDATE

我的實際意圖是得到Managebean或從其他JSF頁面的一些JSON和填充這裏。但爲此，我試圖創建一個虛擬的json結構。但仍然jsf不識別AngularJS組件。它只是打印我的第一個表達式：{{5 + 5}} 瀏覽器控制檯打印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>

來源

2016-07-31 ever alian

「hi」模塊定義在哪裏？你有沒有把它添加到你的索引頁面？ – Rachmaninoff

爲了角初始化ng-app="hi"需要有存在模塊使用該名稱。否則，您應該看到瀏覽器開發工具控制檯中引發的異常。發展中的JavaScript應用程序

時

要麼請注意控制檯錯誤包括該名稱的模塊或從屬性中刪除的名稱，只是用ng-app

來源

2016-07-31 11:22:29 charlietfl

'消息Error Parsing /angular/MyFirstAng.xhtml：Error Traced [line：7]與元素類型「div」關聯的屬性名稱「ng-app」必須後跟'='字符。我刪除了ng-app屬性值。 –

無論是在你的腳本粘貼此

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

或使ng-app="" ...您的選擇。如果您在ng-app中指定了任何內容，那麼您必須創建一個如上所示的模塊。否則，只是不要在ng-app中指定任何東西，即ng-app=""。在稍後想要製作控制器的階段，您可以創建一個模塊。現在最好將它留空。

來源

2016-07-31 11:27:31 zainul

@zaunut如果我刪除屬性值我得到了'message Error Parsing /angular/MyFirstAng.xhtml：Error Traced [line：7]與元素類型「div」關聯的屬性名稱「ng-app」後面必須跟着'= 'character.' error –

很高興你得到了這個問題....標記任何一個答案爲正確的答案，以標記此問題爲答案.. – zainul

好吧，我發現了這個問題。這是app.controller中的一個錯字。我輸入了額外的「n」。有效。感謝所有迄今爲止指導我發現問題。我以爲我錯過了包括一些AngularJS庫或其他東西。

來源

2016-07-31 12:00:32

如何在jsf中使用AngularJS頁面

UPDATE

回答

相關問題