AngularJS 与 Webstorm 一起设置答案

【问题标题】：AngularJS set up with WebstormAngularJS 与 Webstorm 一起设置
【发布时间】：2013-12-18 22:25:29
【问题描述】：

我刚开始使用 Angularjs，但遇到了第一个障碍 :-(

我已经安装了节点（Windows 安装程序）和 webstorm ide。在 webstorm 中，我安装了 angularjs 插件，并且在 html 中键入“ng”会在下拉列表中提示所有 ng 模板，所以这看起来不错。

在演示 html5 中剪切和粘贴（在 http://angularjs.org/ 的“基础知识”标题下）并在 webstorm 中运行并导航到文件 url（在 firefox 或 chrome 中）但是角度语句“{{yourName}}”根本没有约束力 - 它呈现为文字。有谁知道我哪里出错了？

【问题讨论】：

看起来 AngularJS 没有被初始化。你确定你已经像示例中一样添加了ng-app 吗？ AngularJS 代码是否正确下载并且控制台中没有显示错误？
是的，包括“ng-app”。我在控制台中确实有一个错误，所以你可能在那里找到了一些东西。它指出“未声明 HTML 文档的字符编码”在 webstorm 的模式和 dtds 中，我将编码设置为 html5

标签： angularjs webstorm

【解决方案1】：

主页上的示例使用无协议（或协议相对）URL (http://www.paulirish.com/2010/the-protocol-relative-url/)。虽然这些非常方便，但在这种情况下，相对于协议的 URL 不能很好地与 file:// 协议配合使用。只是您的浏览器正在尝试从本地文件系统中检索 AngularJS 库。要修复它，您需要添加协议：

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>

【讨论】：

也为此问题打开了拉取请求：github.com/angular/angularjs.org/pull/29
协议可能丢失，它使用当前使用的协议。当您不必检查要加载的资源的哪个版本时，这真是太好了。如果页面当前使用 https，它只会加载 SSL 版本，如果它是 http。这里没有错误。
但是如果你不是通过网络服务器运行文件，而是直接从文件系统运行文件，它将无法工作，因为它会尝试使用 file:// 协议加载资源。
是的。我对 angular.js 文件也有同样的问题。在 webstorm 中，我必须添加完整路径“ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js”。而不是这个，我想使用我下载 angular.js 的本地系统路径。如何使用 webstorm 配置 angular.js 路径？

【解决方案2】：

尝试在 ng 标签前加上 data-ng-model 之类的数据。

【讨论】：