Tengo una aplicación node.js que ejecuta Express y express handlebars como marco de trabajo de plantillas. Recientemente comencé a aprender Angular e integrarlo en mi aplicación node.js.
El único problema es que el marcado para manillares expresos y angulares es el mismo. Ambos marcos usan {{}}. Investigué un poco y encontré esta pregunta de Stackoverflow: Usando Express Handlebars y Angular JS
La respuesta aceptada sugiere cambiar los símbolos de marcado usando interpolateProvider. Implementé esto y no funciona para mí (he comentado debajo de esa respuesta).
Mi código se ve así:
principal.manillar
<!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>El código anterior es del archivo de diseño main.handlebars. Incluso traté de poner ese código en la vista real, pero no funcionó. ¿Qué me estoy perdiendo?
Gracias.
Este problema ocurre debido a una referencia de nombre de aplicación incorrecta o un error tipográfico simple. Cambie ng-app="myapp" a ng-app="myApp" .