简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - angular与服务器连接后失效
高洛峰
高洛峰 2017-05-15 16:50:22
0
1
686

我在本地试了一下angular的简单例子

myapp.js

var app = angular.module("myapp",[]);
app.controller("myctrl", function($scope){
    $scope.uplu = function(){
        $scope.su = $scope.lu;
    };

});
angular.bootstrap(document, ["myapp]);

这个是 angular代码

html

<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>

这个在本地上是没有什么问题的， 可以运行出来 但是在服务器上运行angular就失效了(服务器也只是把页面渲染出来而已)

后台用的是 flask 只是简单渲染了一下页面，而且上面的模块都能加载的到而且不报错， 有没有人遇到过这样的问题啊。

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

répondre à tous(1)
为情所困
为情所困2017-05-15 16:52:22 1 plancher

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

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！