2015-05-01 20 views
8

Sto provando WebStorm perché dichiara di avere un completamento di codice superiore quando si lavora con progetti AngularJS. Sto usando la versione 10.0.2 e ho incontrato un problema di completamento del codice che utilizzava già il progetto seme AngularJS.Webstorm 10 Codice Completamento non funzionante con controller AngularJS Sintassi

Sto tentando di utilizzare la sintassi del controllerAs per specificare il nome del controller viewmodel all'interno di $ routeProvider come segue.

'use strict'; 

angular.module('myApp.view1', ['ngRoute']) 

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view1', { 
    templateUrl: 'view1/view1.html', 
    controller: 'View1Ctrl', 
    controllerAs: 'vm' 
    }); 
}]) 

.controller('View1Ctrl', [function() { 
     var vm = this; 
     vm.hello = 'Hello World'; 
}]); 

Controller & Route Config

Tuttavia, all'interno del modello HTML Ho ricevuto un avviso “variabile irrisolto o il tipo”. (Una linea ondulata sotto VM)

<p>This is the partial for view 1.</p> 
<div>{{vm.hello}}</div> 

HTML warning

Ma la pagina viene caricata bene quando l'eseguo

mi piacerebbe mostrare la prova pittorica, ma ho bisogno di più rep prima: ^)

Ancora una volta, sto usando il progetto OOTB AngularJS elencato come uno dei modelli di base per creare un nuovo progetto WebStorm, quindi mi aspetto che tutto sia già configurato correttamente affinché Angular funzioni correttamente. Ho anche visto un video di Pluralsight in cui questo tipo di completamento del codice sembrava funzionare, anche se era in WebStorm 9 non 10.

Ho controllato e ho attivato il plugin AngularJS. Ho anche provato a scaricare la libreria JavaScript di stub di typsescript per angularjs, ma non mi è sembrato di aiuto. Ho generato il progetto usando "Generating an AngularJS Application Stub" che secondo i documenti dovrebbe darmi supporto angolare.

Qualsiasi aiuto sarebbe molto apprezzato.

+0

È necessario fornire il codice; non uno screenshot del codice; così come quello che stai cercando di fare con esso.Le immagini sono utili, ma se quei link muoiono, nessuno sarà in grado di dire cosa stai cercando di fare. –

+0

Hai seguito "Installazione manuale di AngularJS" qui https://www.jetbrains.com/webstorm/help/using-angularjs.html? Inoltre, mi sembra di ricordare che è necessario avere angular.js o angular.min.js da qualche parte nella cartella del progetto, anche se potrei sbagliarmi. –

+0

Good call @GeorgeStocker –

risposta

4

È possibile aggirare questo aggiungendo jsdoc commento

/** 
* @name vm 
* @type View1Ctrl 
*/ 
+0

Funziona bene! Purtroppo non puoi contare sempre su "vm" conveniente ... forse è una buona cosa. – smajl

0

--- Attualmente in Webstorm 2016 v.3 ---

nel vostro elemento wrapper per la direttiva, si può essere ridondante e utilizzare l'attributo

ng-controller="vm as vm" 

allora tutti questi scarabocchi tornerà nel buco buco darcula appartengono ... non ce la faccio a farlo, personalmente ... ma li fa sparire.

Nessun suggerimento aggiuntivo ... niente di utile ... solo assenza di scarabocchi.