2013-08-01 15 views
5

Come ottengo il completamento automatico per la sintassi angularjs nelle stringhe. Per esempio:Get angularJS completamento automatico in Webstorm/PHPStorm

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> 

Questo è fondamentalmente un modo per cercare di nomi. Come faccio a ottenere il completamento automatico per apparire all'interno di <li ng-repeat="name in names | filter:search">{{ name }}</li> all'interno di ng-repeat.

Sto usando PHPStorm 6.0.3.

risposta

2

Se non si dispone già di una configurazione angolare, andare su Preferenze> Impostazioni progetto> Javascript> Librerie e aggiungere la propria versione angolare.

Per quanto riguarda il completamento automatico in stringhe html, non penso che accadrà con la versione corrente di PHPStorm, ma nella maggior parte degli altri posti, dovrebbe fare il trucco.

+0

Suggerisco di provare PHAPtorm 8 EAP - Il supporto di AngularJS è stato migliorato lì (vedi http://blog.jetbrains.com/phpstorm/2014/03/phpstorm-8-early-access-program-started/) – lena

+0

Ho installato sia la libreria angolare che il plugin AngularJS, ma non riesco a far funzionare il completamento automatico. Qualche altra idea del perché? – charlesrockbass

3

È possibile utilizzare il fantastico plug-in AngularJS di John Lindquist. http://plugins.jetbrains.com/plugin/6971

+0

Ho installato sia la libreria angolare che il plugin AngularJS, ma non riesco a far funzionare il completamento automatico. Qualche altra idea del perché? – charlesrockbass

3

ho finalmente preso a lavorare seguendo this tutorial from JetBrains 'blog.

Risposta breve:

Hai due opzioni per abilitare autocomplete AngularJS:

  1. Scarica codice sorgente angolare e mettere il file in una cartella all'interno del vostro progetto. (Non funzionava da me perché lo stavo usando direttamente da un CDN).

  2. Se si utilizza un CDN, è necessario andare a Impostazioni progetto | JavaScript | Librerie | Scarica, quindi seleziona Stub community TypeScript dalla casella di selezione in alto a sinistra, trova angularjs e angular-ui nell'elenco, quindi Scarica e installa.

Riavviare IDE. Siate felici.

3

Nel mio caso l'installazione della libreria angolare non ha funzionato. Era il plugin angolare a fare il trucco. In base a questo video, installare il plug-in angolare e riavviare l'IDE. Per le versioni più recenti, si va a

File -> Impostazioni -> Plugin -> Installa JetBrains Plugin -> Ricerca per il plugin, selezionare e installare.

Infine, riavviare l'IDE. Puoi testarlo creando un div e digitando - e vedrai tutti i suggerimenti.

Spero che questo aiuti.