2017-06-05 84 views
-2

使用一些AngularJS和一個非常簡單的例子不起作用 - 就像Angular沒有加載。在這個例子中,我有一個簡單的數據綁定測試,我只用{{}}打印出一個硬編碼的字符串。但我得到的只是它裏面的大括號和字符串。爲什麼AngularJS數據綁定不起作用

<!DOCTYPE html > 
<html lang="en" ng-app> 
<head > 
    <title >Data Binding</title > 
    <meta charset="UTF-8"> 
    <link href="../libs/bootstrap/dist/css/bootstrap.min.css" 
     rel="stylesheet" > 
    <link href="main.css" 
     rel="stylesheet" > 
</head > 

<body > 

<div class="container" > 
    {{ 'dummy text' }} <<== Uninterpreted Angular 
</div > 

<script src="../libs/angular/angular.min.js" ></script > 
</body > 
</html > 

HTML驗證,但我不明白爲什麼它不會正確執行。這可能就是其中一種「每個人都知道」的類型!

回答

1

我剛剛用CDN取代了你的角度參考,它工作正常。這是代碼片段。可能是你的包含目錄是錯誤的角度或你的角度文件已損壞。

<!DOCTYPE html > 
 
<html lang="en" ng-app> 
 
<head > 
 
    <title >Data Binding</title > 
 
    <meta charset="UTF-8"> 
 
    <link href="../libs/bootstrap/dist/css/bootstrap.min.css" 
 
     rel="stylesheet" > 
 
    <link href="main.css" 
 
     rel="stylesheet" > 
 
</head > 
 

 
<body > 
 

 
<div class="container" > 
 
    {{ 1+1 }} 
 
</div > 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js" ></script > 
 
</body > 
 
</html >

+0

角文件的位置是正確的,但由於某些原因它不會加載/使用它。我會嘗試下載一個新的副本,但是放入CDN確實有效。謝謝。 – Les

+0

當我把angular.min.js文件放入一個'js'子目錄時,它就起作用了。我認爲降序目錄樹是好的,但不允許備份樹。 – Les