使用 Webstorm 设置 AngularJS

Question

我开始使用 Angularjs 并在第一道障碍中倒下了:-(

我已经安装了节点(windows 安装程序)和 webstorm ide。在 webstorm 中，我安装了 angularjs 插件，在 html 中键入“ng”会提示下拉列表中的所有 ng 模板，所以这看起来没问题。

在演示 html5 中剪切和粘贴(在 http://angularjs.org/ 的“基础知识”标题下)并在 webstorm 中运行并导航到文件 url(在 firefox 或 chrome 中)但是 Angular 声明“{{yourName}}”根本没有约束力——它被呈现为文字。任何人都知道我要去哪里错了吗？

Answer 1

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

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