gpt4 book ai didi

javascript - AngularJS Hello World 不起作用

转载 作者:行者123 更新时间:2023-12-02 17:27:45 24 4
gpt4 key购买 nike

我正在开始使用 AngularJS,令人惊讶的是这段 super 简单的代码不起作用。此页面由带有 hogan 渲染引擎的expressJS 提供。

控制台没有说什么,我的文件路径都正确并经过双重检查。这个简单的数据绑定(bind)仍然不起作用。请帮忙。

<!doctype html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="stylesheet" href="../css/style.css">
<script src="../js/angular.min.js"></script>
<script src="../js/angular-route.min.js"></script>
<script src="../js/angular-cookies.min.js"></script>
<script src="../js/angular-resource.min.js"></script>
<script src="../js/angular-animate.min.js"></script>
</head>
<body>

<div ng-app>
<input type="text" ng-model="unm">
<h2>Hello {{unm}}</h2>
</div>


</body>
</html>

最佳答案

问题已解决。正如我提到的,我在 Express 中使用 Hogan 渲染引擎,它具有与 AngularJS 相同的模板括号 {{ }}。因此,当渲染页面时,Hogan 会剥离所有 {{ }},从而实际上删除 {{unm}}。

我通过将这一行添加到我的 ExpressJS 应用程序中解决了这个问题:

app.locals.delimiters = '{{{ }}}';

现在,Hogan 变量可以放入 {{{somevariable}}} 内,而 Angular 则使用其通常的 {{unm}}。他们现在不再冲突了。

关于javascript - AngularJS Hello World 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23370895/

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