AngularJS示例不工作

-1

我是AngularJS的新手，所以我一直在做一些教程和一些示例視頻。我遇到了一個非常簡單的應用程序，但我無法讓它在我的瀏覽器中運行。任何人都可以告訴我我的代碼有什麼問題嗎？AngularJS示例不工作

<!DOCTYPE html> 
<html ng-app="hello"> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 

<h1>{{hello}}</h1> 
<input type="text" ng-model="hello" /> 

<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.6/angular.min.js" /> 

</body> 

</html>

我必須從網絡服務器運行這個嗎？我能不能在瀏覽器中運行它？我已經嘗試了兩種方式，並沒有爲我工作。我剛剛結束了一個大{{你好}} -

{{你好}}

而且也沒有文本輸入框，絕對沒有約束力。我是否需要所有其他依賴項？不應該腳本標記行包含我需要的一切嗎？

我沒有任何模塊或其他東西。只是一個包含這些代碼行的HTML文件。

非常感謝您提供的任何見解，您的大師可能會解開這個謎團。

來源

2015-04-03 LazerWonder

那麼你的JavaScript的樣子？ – dbarnes 2015-04-03 17:47:34

dbarnes：我唯一包含的javascript是angularjs.org提供的angular.min.js庫。 – LazerWonder 2015-04-03 17:52:25

投票結束。 [來自OP]（http://stackoverflow.com/questions/29437151/angularjs-example-not-working#comment47043391_29437225）：「*原來我不能自己關閉腳本標記。*」 – JDB 2015-04-03 18:02:30

你應該檢查你的控制檯是否有錯誤，這可能會告訴你類似模塊hello沒有被定義。

以上僅適用於運行angular.module("hello", [])的腳本，或者僅刪除hello而僅使用ng-app而沒有參數。

來源

2015-04-03 17:50:23

我已經從代碼中刪除了「hello」，但它仍然無效。不過，感謝您提供有關控制檯的提示。我忘了把它解決掉。原來我不能自己關閉腳本標記。 – LazerWonder 2015-04-03 17:55:46

原來這是兩件事情......

我需要從NG-應用
我不能自行關閉的腳本標記刪除「你好」。最後，代碼工作：

<!DOCTYPE html> 
<html ng-app> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 

<h1>{{hello}}</h1> 
<input type="text" ng-model="hello" /> 

<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.6/angular.min.js"> 
</script> 

</body> 

</html>

來源

2015-04-03 17:58:32 LazerWonder

<html ng-app="page"> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 
<div ng-controller="PageController as page" > 
    <h1>{{page.product.message}}</h1> 
    <input type="text" ng-model="hello" /> 
</div> 
</body> 

</html> 
    <script type="text/javascript" src="lib/angular.min.js"></script> 
    <script type="text/javascript" src="js/app.js"></script> 
</html> 


code for app.js 

<html ng-app="page"> 
<head lang="en"> 
    <title>My HTML 5 Page</title> 
</head> 
<body> 
<div ng-controller="PageController as page" > 
    <h1>{{page.product.message}}</h1> 
    <input type="text" ng-model="hello" /> 
</div> 
</body> 

</html> 
    <script type="text/javascript" src="lib/angular.min.js"></script> 
    <script type="text/javascript" src="js/app1.js"></script> 
</html>

來源

2015-04-03 18:19:44 Shelly

AngularJS示例不工作

{{你好}}

回答

相關問題