如何防止 Express 解析 Angular 模板?

Posted

技术标签:

【中文标题】如何防止 Express 解析 Angular 模板?【英文标题】:How can I prevent Express from parsing Angular templates? 【发布时间】:2014-08-28 15:13:11 【问题描述】:

如果我在 Express 中创建视图并且使用 Hogan 进行服务器端模板,我如何包含模板以供 Angular 使用?

例如,下面是一个简单的 Express 视图,其中包含 Angular 的“hello world”:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
</head>
<body ng-app>

<label for="">Message: <input type="text" ng-model="message"/></label>
<p>message</p>

</body>
</html>

如何防止message被服务器上的Express解析?

【问题讨论】:

【参考方案1】:

您可能必须通过以下方式覆盖 Hogan 使用的分隔符:

Hogan.compile(text, delimiters: '<% %>');

但是,TBH,it doesn't make much sense to use both server side and client side templating

【讨论】:

我刚开始认为(没有多大意义)......两个问题:1)我不知道你可以禁用 Express 的模板和 2)我认为我需要使用 Angular 的模板,却没有意识到有很多方法可以解决它(ngValue、ngBind)。感谢您的帮助!

以上是关于如何防止 Express 解析 Angular 模板?的主要内容,如果未能解决你的问题,请参考以下文章

Cookie 中的 Angular JWT 如何防止 CSRF/XSRF 和 XSS

node-express 如何在 URL 查询字符串中传递 DATE 参数以及如何解析它

如何在 API 调用完成之前防止 Angular 4.0 中的应用程序组件呈现

如何正确设置 Node、Express 和 Angular2

如何使用 Mongoose、Express、Angular 4 和 NodeJS 上传/保存和显示图片

Angular 和 Express 路由如何在 mean.js 应用程序中协同工作?