Question

我按照jetBrains的指示前往Installing AngularJS Manually。 1.4.x稳定
创建一个文件夹并将其拖到我的El Capitan基座上的WebStorm图标上右键单击该文件夹并创建一个新文件并将其命名为index.html
添加了ng-app指令以将应用程序引导到html元素。

尝试获取上下文帮助以帮助解析与angular.js文件的链接，该文件位于我在上面的步骤2中创建的文件夹中，但是在点击^ Space两次之后没有在列表中看到它。

所以我只是手工输入

<!doctype html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="/../angular.js"></script>
</head>
<body>

Name:    <input ng-model="username"/>{{username}}

</body>
</html>

但Chrome正在使用其中的表达式显示Binding而不是评估它。

我做错了什么？谢谢

Answer 1

This JSFiddle有效

<body ng-app>

Name:    <input ng-model="username"/>{{username}}

</body>

所以我的假设是你对angular.js的引用没有被加载到浏览器中，因为它是不正确的。您需要链接到CDN for angular或将angular.js文件放在项目目录下的某个位置。请参阅以下内容，了解外部库不能作为参考的原因。 WebStorm: How can I link the HTML to an installed JS library?

解决webStorm项目中的angular.js问题

1 个答案: