对于Node.js应用程序,使用带有Express-Handlebars的Angular

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

唯一的问题是,明确的句柄和angular度的标记是相同的。 这两个框架都使用{{}}。 我做了一些研究,发现这个Stackoverflow的问题: 使用Express Handlebars和Angular JS

接受的答案build议使用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布局文件。 我甚至试图把这个代码放在实际的视图中,但是它不起作用。 我错过了什么?

谢谢。

由于应用程序名称参考或简单错字导致发生此问题。 将ng-app =“myapp”更改为ng-app =“myApp”