搜尋

首頁  >  問答  >  主體

angular.js - angular與伺服器連接後失效

我在本地試了一下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 只是簡單渲染了一下頁面,而且上面的模組都能加載的到而且不報錯, 有沒有人遇到過這樣的問題啊。

高洛峰高洛峰2759 天前736

全部回覆(1)我來回復

  • 为情所困

    为情所困2017-05-15 16:52:22

    找到了原來是angular渲染模板和flask預設的jinja2出現了衝突, 解決方法是在靜態文件裡添加{% raw %}{% endraw %} 這樣jinja2就不會渲染其中的內容要么就採用{{" {{}}"}}的方法。 主要還是 jinja2和 angularde {{}} 佔位符是一樣的

    回覆
    0
  • 取消回覆