Question

您好我正在尝试学习Angular.js和IntelliJ IDEA。我想知道有人能告诉我我做错了什么。我试图从书中做一个简单的hello world示例，但它在IDE中并不适合我。我不确定为什么它不起作用，但是为了启动项目，我下载了AngularJS插件。我使用命令行去了项目位置并且做了bower安装角度，并且从ng-book中复制并粘贴了示例以用于hello world，但它对我不起作用。我试图添加html的路径，它仍然没有工作。有人可以帮助我吗？

My Editor Screenshot

What's in the brower

Answer 1

你可以看到你工作的工作版本：

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example</title>


  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.15/angular.min.js"></script>



</head>
<body ng-app="exampleModule">
<input ng-model="dynamicName" type="text" placeholder="write your name here">
    <p>Hello {{dynamicName}} !</p>

  <script>
    angular.module('exampleModule', []);
  </script>
</body>
</html>

我不知道你是否正确地处理了角度，但是你需要一个代码模块，甚至是一个像我刚刚放在脚本标签中的空模块。

Answer 2

选项1 - 将ng-app指令移动到页面的body标签。

选项2 - 浏览器可能会呈现出错的缓存页面。你可以强制刷新来获取最新的文件吗？在大多数现代浏览器中，用户CTRL + F5。

选项3 - 使用浏览器的开发人员面板并强制重新加载页面并注意任何错误。

Answer 3

问题在于您对localhost文件的文件读/写权限。转到查找程序中的bower_components文件，右键单击 - ＆gt;获取信息。在信息窗口中向下滚动到权限部分，然后将共享和权限更改为Everyone - 读/写。然后单击Cog下拉列表并选择应用于随附项目

选项

希望这有帮助。

Answer 4

您正在尝试从错误的路径调用角度文件

替换为以下

<script src="../bower_components/angular/angular.js"></script>

AngularJS和IntelliJ IDEA入门

4 个答案: