J'ai essayé un exemple simple d'angular localement
var app = angular.module("myapp",[]);
app.controller("myctrl", function($scope){
$scope.uplu = function(){
$scope.su = $scope.lu;
};
});
angular.bootstrap(document, ["myapp]);
C'est du code angulaire
<html>
<head>
</head>
<body>
<p ng-controller="myctrl">
<p>请输入 字符</p>
<input type="text" ng-model="lu">
<button ng-click="uplu()">uplu</button>
<p>{{su}}</p>
</p>
<script src="http://cdn.staticfile.org/angular.js/1.3.0-beta.13/angular.min.js"></script>
<script src="myapp.js"></script>
</body>
</html>
Il n'y a aucun problème avec cela localement et il peut être exécuté. Cependant, il échoue lors de l'exécution d'Angular sur le serveur (le serveur restitue uniquement la page)
Le backend utilise flask et restitue simplement la page, et les modules ci-dessus peuvent être chargés sans erreur. Quelqu'un a-t-il rencontré un tel problème ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Il s'avère qu'il y a un conflit entre le modèle de rendu angulaire et le jinja2 par défaut de flask. La solution consiste à ajouter {% raw %}{% endraw %} au fichier statique afin que jinja2 ne restitue pas le contenu ou ne l'utilise pas. { {"{{}}"}} méthode. L'essentiel est que les espaces réservés jinja2 et angularde {{}} sont les mêmes