如何防止 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 模板？的主要内容，如果未能解决你的问题，请参考以下文章