Question

如何在字符串中获得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。

Answer 1

您可以使用John Lindquist的精彩AngularJS插件。 http://plugins.jetbrains.com/plugin/6971

Answer 2

我终于按照 this tutorial from JetBrains '博客开始了。

简答：

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

下载角度源代码并将文件放入项目内的文件夹中。（它不适用于我，因为我直接从CDN使用它。）
如果使用CDN ，则必须转到“项目设置”| JavaScript |图书馆|下载，然后从左上角的选择框中选择 TypeScript社区存根，在列表中找到angularjs和angular-ui，然后下载并安装。

重新启动IDE。快乐。

Answer 3

在我的情况下，安装角度库并不起作用。这是一个角色插件。根据此video，安装angular插件并重新启动IDE。对于最新版本，请转到

文件 - ＆gt;设置 - ＆gt;插件 - ＆gt;安装JetBrains插件 - ＆gt;搜索插件，选择并安装。

最后，重新启动IDE。您可以通过创建div并键入ng来测试它，然后您将看到所有建议。

希望这有帮助。

Answer 4

如果您还没有角度设置，请转到偏好设置＆gt;项目设置＆gt; Javascript＆gt;库并添加您的角度版本。

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

在Webstorm / PHPStorm中获取angularJS自动完成功能

4 个答案: