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示例不工作

{{你好}}

回答

相关问题