2016-07-31 10 views
1

JSFページで使用するAngularJSを学びたい。これは純粋に学習目的です。 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> 

誰もがJSFページ内AngularJS式の出力を取得する方法を私を助けることができますか?または

UPDATE

私の実際の意図はManagebeanから、または別のJSFページからいくつかのJSONを取得し、ここに取り込むためにある私にいくつかの方向を示します。テストのために私はダミーjson構造を作成しようとしました。依然としてjsfはAngularJSコンポーネントを特定していません。その名前でモジュールが存在することが必要である角度ng-app="hi"を初期化するためには、{{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> 
+1

「hi」モジュールはどこに定義されていますか?インデックスページに追加しましたか? – Rachmaninoff

答えて

0

:単に 私の最初の式を印刷しています。それ以外の場合は、ブラウザのdevツールコンソールにスローされた例外が表示されます。 JavaScriptのアプリケーションを開発する際

どちらかがその名前のモジュールを含むまたは属性から名前を削除し、ちょうどあなたのスクリプトでは、この

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

を貼り付けるか、作るのどちらかng-app

+0

'messageエラー解析/angular/MyFirstAng.xhtml:エラーがトレースされました[行:7]要素タイプ" div "に関連付けられた属性名" ng-app "の後に '='文字が続かなければなりません。 ng-app属性の値を削除します。 –

0

を使用し、コンソールの誤差はご了承下さいng-app="" ...あなたの選択。 ng-appに何かを指定する場合は、上記のようにモジュールを作成する必要があります。それ以外の場合は、ng-appには何も指定しないでください。つまり、ng-app=""です。 後でコントローラーを作成したいときに、モジュールを作ることができます。今のところは、空のままです。

+0

属性値を削除すると@zaunutメッセージが表示されるエラー解析/ angular/MyFirstAng.xhtml:エラートレース[行:7]要素タイプ "div"に関連付けられた属性名 "ng-app"の後に '= 'character.' error –

+0

問題がありましたらうれしく思います....この質問に答えを記入するには、正しい回答として1つの回答をマークしてください。 – zainul

1

問題が見つかりました。それはapp.controllerのタイプミスです。私は追加の "n"をタイプしました。出来た。これまでのところ、この問題を発見するためのすべてのことをありがとう。私は、AngularJSライブラリや何かを含むように私が行方不明だと思った。

関連する問題