AngularJS Hello World不起作用

Question

我開始使用AngularJS，令人驚訝的是這段超級簡單的代碼無效。 該頁面由expressJS和hogan渲染引擎提供。

控制台沒有說什么，我的文件路徑都是正確的並且雙重檢查。 這種簡單的數據綁定仍然不起作用。 請幫忙。

<!doctype html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="../css/style.css">
    <script src="../js/angular.min.js"></script>
    <script src="../js/angular-route.min.js"></script>
    <script src="../js/angular-cookies.min.js"></script>
    <script src="../js/angular-resource.min.js"></script>
    <script src="../js/angular-animate.min.js"></script>
</head>
<body>

    <div ng-app>
        <input type="text" ng-model="unm">
        <h2>Hello {{unm}}</h2>
    </div>


</body>
</html>

Answer 1

問題解決了。 正如我所提到的，我在Express中使用Hogan渲染引擎，它與AngularJS具有相同的模板括號{{}}。 因此，當呈現頁面時，Hogan會刪除所有{{}}，從而虛擬刪除{{unm}}。

我通過將此行添加到ExpressJS應用程序中解決了這個問題：

app.locals.delimiters = '{{{ }}}';

現在，Hogan變量可以放在{{{somevariable}}}中，而Angular可以使用其通常的{{unm}}。 他們現在不再發生沖突。

AngularJS Hello World不起作用

問題描述

1 個解決方案

解決方案1
2 2014-04-29 17:15:54

AngularJS Hello World不起作用

問題描述

1 個解決方案

解決方案1 2 2014-04-29 17:15:54

解決方案1
2 2014-04-29 17:15:54