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

Question

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

唯一的问题是，快速车把和角度的标记是相同的。 两种框架都使用{{}}。 我做了一些研究，发现了这个Stackoverflow问题：使用Express Handlebars和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应用程序

问题描述

1 个解决方案

解决方案1
2 已采纳 2017-04-25 17:39:47

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

问题描述

1 个解决方案

解决方案1 2 已采纳 2017-04-25 17:39:47

解决方案1
2 已采纳 2017-04-25 17:39:47