gpt4 book ai didi

angularjs - 如何在jsf页面中使用AngularJS

转载 作者:行者123 更新时间:2023-12-04 03:20:28 26 4
gpt4 key购买 nike

我想学习 AngularJS 以在 JSF 页面中使用。这是纯粹的学习目的。我尝试在 jsf 中简单地添加 AngularJS 代码。但它似乎没有识别 AngularJS 代码。它只是在浏览器中输出相同的 My first expression: {{ 5 + 5 }}

我的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 表达式的输出吗?或者告诉我一些方向

更新

我的实际意图是从 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>

最佳答案

好的,我发现了问题。这是 app.controller 中的错字。我输入了额外的“n”。有效。感谢到目前为止所有指导我发现问题的人。我以为我缺少包含一些 AngularJS 库或其他东西。

关于angularjs - 如何在jsf页面中使用AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38683363/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com