将 Angular 与 Express-Handlebars 一起用于 Node.js 应用程序答案

【问题标题】：Using Angular with Express-Handlebars for a Node.js application将 Angular 与 Express-Handlebars 一起用于 Node.js 应用程序
【发布时间】：2017-09-22 20:28:33
【问题描述】：

我有一个 node.js 应用程序运行 Express 和 express 车把作为模板框架。我最近开始学习 Angular 并将其集成到我的 node.js 应用程序中。

唯一的问题是，express-handlebars 和 angular 的标记是相同的。两个框架都使用 {{}}。我做了一些研究，发现了这个 Stackoverflow 问题：Using Express Handlebars and Angular JS

接受的答案建议使用 interpolateProvider 更改标记符号。我实现了这一点，但它对我不起作用（我已在该答案下发表评论）。

我的代码如下所示：

main.handlebars

<!DOCTYPE html>
<html ng-app="myapp">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>GETTING STARTED WITH Angular</title>
        <meta name="description" content="An interactive getting started guide for Brackets.">
        <link rel="stylesheet" href="/css/style.css"/>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.min.js"></script>
        <script>
            var app = angular.module("myApp", []);
            app.config(function($interpolateProvider) {
                $interpolateProvider.startSymbol('//');
                $interpolateProvider.endSymbol('//');
            });


            app.controller('DemoController', function() {
                this.label = "This binding is brought you by // interpolation symbols.";
            });
        </script>
    </head>
    <body>
        {{{body}}}

        <input ng-model="name">
        <h3>Hi, //name// how are you doing</h3>

        <div ng-controller="DemoController as demo">
            //demo.label//
        </div>
    </body>
</html>

以上代码来自 main.handlebars 布局文件。我什至试图将该代码放在实际视图中，但它不起作用。我错过了什么？

谢谢。

【问题讨论】：

标签： angularjs node.js express express-handlebars

【解决方案1】：

出现此问题的原因是应用名称引用不正确或简单的拼写错误。将 ng-app="myapp" 更改为 ng-app="myApp"。

【讨论】：

延迟警报 :( 抱歉。你是对的，这就是问题所在。