Getting angularJS autcomplete in Webstorm/PHPStorm

Question

How do I get auto-complete for angularjs syntax in strings. For example:

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>

This is basically a way to search to names. How do I get auto-complete to appear inside <li ng-repeat="name in names | filter:search">{{ name }}</li> inside ng-repeat.

I am using PHPStorm 6.0.3.

Answer 1

You can use awesome AngularJS plugin from John Lindquist. http://plugins.jetbrains.com/plugin/6971