5

私は angularjs が初めてで、Facelets ファイルにサンプルの angularjs を作成しようとしていました。しかし<html ng-app>、Eclipse IDE の行でエラーが発生しています。このエラーは、ng-app属性の後に=文字が続く必要があることを示しています。Facelets XHTMLファイルにangularjsコードを含めることはできませんか?

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:ng="http://angularjs.org" ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
<body>
<div>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
</body>
</html>
4

4 に答える 4

3

以下をご覧ください。

  1. 角度のある面を試してください: https://github.com/stephanrauh/AngularFaces
  2. また、プロジェクトもあります: https://github.com/pankajtandon/PointyPatient
  3. プライム フェイスの参照先: http://angularprime.appspot.com/#/main

最善の方法は、クライアントとして HTML と JS を使用し、サーバー側で JAX-RS を使用することです。

私は Primefaces と Bootstrap で同様の問題を抱えていましたが、現時点では JS と HTML がクライアント側の開発に適していると確信しました。

于 2013-12-22T11:59:51.223 に答える
0

angularjs に app.js ファイルがあります。これには、定義されたすべてのコントローラーが含まれます。これらのコントローラーは、html (ビュー) と .cs (mvc コントローラー) ファイル間のコネクターおよびデータ パイプラインとして機能します。

これらのコントローラーはモジュールで定義されています（上記の回答で定義したように）。

app.js には多数のモジュールが存在する可能性があります。したがって、多数のコントローラーがあります。

ng-app は、属性として使用するモジュールの名前を含むディレクティブです。定義された ng-app は、定義されたタグの終了タグまでアクティブになります。つまり、html タグで ng-app を定義した場合は、html タグが閉じるまで機能し、div の場合はその部門で機能します。

何も得られない場合は、Google で検索するか、angularjs のドキュメントを参照するか、質問してください。

私はあなたがそれから何かを得たことを願っています.:-)

于 2013-08-22T06:21:58.697 に答える
0

自分で検索しているときにこれに出くわしました。

XHTML では、値のない属性は許可されません。Eclipse ではこれを無視できますが、最新の JSF ライブラリーは異常終了し、例外が発生します。

モジュール名に対応する値を指定します。たとえば、角度モジュールを次のように初期化するとします。

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

次に、次を指定する必要があります。

<html ng-app="myApp">

そして、「ng-app」を認識しないというEclipseのいくつかの警告を除いて、すべてが良いはずです。私のために働きます。また、strict の代わりに HTML 5 doc タイプが必要になることもあります。試す：

<!DOCTYPE html>
<html ng-app="myApp">
于 2014-01-09T21:57:50.607 に答える
0

属性に ng-app を指定します。

属性の値は、angular.module() の戻り値を含む変数の名前と同じになります。


例: html ページのng-app="SampleApp"

var SampleApp = angular.module("SampleApp", ["ngResource"])。構成（

//あなたのコード

);

app.js ファイルで

これはあなたのために働くべきだと思います。

ロジックは、ng-app を定義すると、関連するコントローラーを呼び出す app.js の特定のモジュールへの参照を与えるということです。

于 2013-08-21T11:39:12.310 に答える