5

如何自动完成字符串中的 angularjs 语法。例如：

myscript.js

var List = function ($scope) {
    $scope.names = [
        "Ahmed",
        "Tom",
        "David",
        "Jessie"
    ];
};

HTML

<div>
    <label for="get_name">
        Find your name:
        <input type="search" name="search" id="search" ng-model="search"/>
    </label>
</div>

<div ng-controller="List">
    <ul>
        <li ng-repeat="name in names | filter:search">{{ name }}</li>
    </ul>
</div>

<script type="text/javascript" src="angular_1.0.7.js"></script>
<script type="text/javascript" src="myscript.js"></script>

这基本上是一种搜索名称的方法。我如何让自动完成出现在<li ng-repeat="name in names | filter:search">{{ name }}</li>里面ng-repeat。

我正在使用 PHPStorm 6.0.3。

4

4 回答 4

3

你可以使用来自 John Lindquist 的很棒的 AngularJS 插件。 http://plugins.jetbrains.com/plugin/6971

于 2013-12-25T19:44:22.820 回答
3

通过遵循JetBrains博客中的本教程，我终于让它工作了。

简短的回答：

您有两个选项可以启用 AngularJS 自动完成功能：

  1. 下载Angular 源代码并将文件放入项目内的文件夹中。（它对我不起作用，因为我直接从 CDN 使用它）。

  2. 如果使用 CDN，您必须转到项目设置 | JavaScript | 图书馆 | 下载，然后从左上角的选择框中选择TypeScript community stub ，在列表中找到angularjs并下载并安装。angular-ui

重启IDE。要开心。

于 2015-03-15T17:16:00.350 回答
3

在我的情况下，安装角度库不起作用。正是 Angular 插件起到了作用。根据此视频，安装 angular 插件并重新启动您的 IDE。对于最新版本，您可以访问

文件 -> 设置 -> 插件 -> 安装 JetBrains 插件 -> 搜索插件，选择并安装.

最后，重新启动您的 IDE。你可以通过创建一个 div 并输入 ng- 来测试它，你会看到所有的建议。

希望这可以帮助。

于 2015-08-22T03:44:26.780 回答
2

如果您尚未设置 Angular，请转到 Preferences > Project Settings > Javascript > Libraries 并添加您的 Angular 版本。

至于 html 字符串中的自动完成，我认为当前版本的 PHPStorm 不会发生这种情况，但在大多数其他地方，它应该可以解决问题。

于 2013-09-16T20:49:07.677 回答