Uzyskiwanie automatycznego uzupełniania angularJS w Webstorm/PHPStorm

Question

Jak uzyskać autouzupełnianie dla składni angularjs w ciągach. Na przykład:

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> 

Jest to po prostu sposób, aby szukać nazw. Jak włączyć automatyczne uzupełnianie, aby pojawiło się wewnątrz <li ng-repeat="name in names | filter:search">{{ name }}</li> wewnątrz ng-repeat.

Używam PHPStorm 6.0.3.

Answer 1

Jeśli nie masz jeszcze ustawienia kątowego, przejdź do Preferencje> Ustawienia projektu> JavaScript> Biblioteki i dodaj swoją wersję kątową.

Jeśli chodzi o autouzupełnianie w ciągi html, nie sądzę, że stanie się to z obecną wersją PHPStorm, ale w większości innych miejsc powinno to wystarczyć.

Answer 2

Możesz użyć niesamowitej wtyczki AngularJS od Johna Lindquista. http://plugins.jetbrains.com/plugin/6971

Answer 3

mam w końcu dostał go do pracy, wykonując this tutorial from JetBrains 'blog.

Krótka odpowiedź:

Masz dwie opcje umożliwiające angularjs autouzupełniania:

1. Pobierz kod źródłowy kanciasty i umieścić plik w folderze wewnątrz projektu. (to nie działało ze mnie, ponieważ korzystałem z niego bezpośrednio z CDN).

2. Jeśli używasz CDN, musisz przejść do Ustawienia projektu | JavaScript | Biblioteki | Pobierz, a następnie wybierz dodatek społecznościowy TypeScript z pola wyboru w lewym górnym rogu, znajdź na liście angularjs i angular-ui Pobierz i zainstaluj.

Uruchom ponownie IDE. Bądź szczęśliwy.

Answer 4

W moim przypadku zainstalowanie biblioteki kątowej nie działa. To była prosta wtyczka. Zgodnie z tym video zainstaluj wtyczkę kątową i uruchom ponownie IDE. najnowsze wersje, idziesz do

Plik -> Ustawienia -> Plugins -> Install JetBrains Plugin -> Szukaj wtyczki, wybrać i zainstalować.

Wreszcie uruchom ponownie IDE. Możesz go przetestować, tworząc div i wpisując ng-, a zobaczysz wszystkie sugestie.

Mam nadzieję, że to pomoże.