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

Question

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

唯一的问题是，express-handlebars 和 angular 的标记相同。两个框架都使用 {{}}。我做了一些研究，发现了这个 Whosebug 问题：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布局文件。我什至试图将该代码放在实际视图中，但它没有用。我错过了什么？

谢谢。

Answer 1

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

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

Using Angular with Express-Handlebars for a Node.js application

node.js

express

angularjs

express-handlebars