Question

我正在使用JSF构建网站，因此我使用Facelets作为视图技术。 Facelets是基于XHTML + XML的。现在我想在我的项目中使用AngularJS。我在这里阅读教程： http://www.w3schools.com/angular/tryit.asp?filename=try_ng_intro

<!DOCTYPE html>
<html>

<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>

<body>

<div ng-app="">

<p>Input something in the input box:</p>
<p>Name: <input type="text" ng-model="name" value="John"></p>
<p ng-bind="name"></p>

</div>

</body>
</html>

我将上面的代码推送到文件test.xhtml。但是会出现警告：

未定义的属性名称（ng-app）

如何修改XHTML以便它理解AngularJS？

Answer 1

此警告来自编辑器，而不是来自JSF。编辑在验证过程中只是认为你是全新的并且可能犯了一个错误，因为这个属性不能被认为是标准的JSF / Facelets。您可以放心地忽略警告并立即运行代码。它应该运行并正常工作。

您可以重新配置编辑器以不再显示警告。遗憾的是，您没有告诉您使用哪个编辑器，因此它只是根据确切的错误消息进行猜测。确切的错误消息可以识别为来自Eclipse的消息。我可以在这里重现它：

enter image description here

您是否注意到Eclipse非常友好以显示快速修复？选择一个说“忽略＆＃39; ng-app＆＃39;属性在valiation＆＃34; （或者也许是那个说＆＃39; ng - *＆＃39;属性的人）。它将带您进入Eclipse验证首选项，其中包含预先填充的排除的attribtues：

enter image description here

只需单击“确定”，然后执行重建/重新验证。现在警告应该消失：

enter image description here

在Facelets中使用AngularJS <div ng-app =“”>会导致警告“未定义的属性名称（ng-app）”</div>

1 个答案: