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. Prime 面孔参考:http ://angularprime.appspot.com/#/main

最好的方法是使用 HTML 和 JS 作为客户端,使用 JAX-RS 作为服务器端。

我在使用 Primefaces 和 Bootstrap 时也遇到过类似的问题,并且确信目前 JS 和 HTML 更适合客户端开发。

于 2013-12-22T11:59:51.223 回答
0

在搜索自己时偶然发现了这一点。

XHTML 不允许没有值的属性。虽然您可以在 Eclipse 中忽略这一点,但最新的 JSF 库崩溃了,您会遇到异常。

指定一个与您的模块名称相对应的值。例如,如果您使用以下命令初始化 Angular 模块:

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

然后你需要指定:

<html ng-app="myApp">

一切都应该是好的,减去 eclipse 中的一些警告,因为它不能识别“ng-app”。为我工作。此外,您可能需要 HTML 5 文档类型而不是您拥有的严格类型。尝试:

<!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 回答
0

angularjs 中有一个 app.js 文件。这包含所有控制器定义。这些控制器充当 html(我们的视图)和 .cs(mvc 控制器)文件之间的连接器和数据管道。

这些控制器是在一个模块中定义的(正如我在上面的答案中定义的那样)。

app.js 中可以有许多模块。因此他们将有许多控制器。

ng-app 是一个指令,其中包含要用作属性的模块的名称。定义的 ng-app 将一直处于活动状态,直到定义的标签的结束标签。这意味着如果您在 html 标签中定义了 ng-app,它将一直工作到 html 标签关闭,如果在 div 中,它将适用于该部门。

如果你没有得到任何东西,谷歌它,或者参考 angularjs 文档,或者给我一个问题。!!

我希望你能从中有所收获。:-)

于 2013-08-22T06:21:58.697 回答