Webstorm 10 Code Completion funktioniert nicht mit AngularJS controllerAs Syntax

Question

Ich probiere WebStorm aus, weil es behauptet, eine bessere Codevervollständigung zu haben, wenn ich mit AngularJS Projekten arbeite. Ich verwende Version 10.0.2 und habe bereits ein Problem mit der Code-Vervollständigung mit dem AngularJS-Seed-Projekt behoben.

Ich versuche, die controllerAs-Syntax zu verwenden, um den Namen des Controller Viewmodel innerhalb des $ routeProvider wie folgt anzugeben.

'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

jedoch in der Vorlage html erhalte ich eine „ungelöste Variable oder Typ“ Warnung. (A Wellenlinie unter vm)

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

HTML warning

Aber die Seite geladen wird nur gut, wenn ich es laufen

ich die bildliche Beweis zeigen würde, aber ich mehr rep müssen zuerst: ^)

Auch hier verwende ich nur das OOTB AngularJS Project, das als eine der Basisvorlagen zum Erstellen eines neuen WebStorm-Projekts aufgeführt ist. Ich würde also erwarten, dass alles bereits richtig konfiguriert ist, damit Angular ordnungsgemäß funktioniert. Ich habe mir auch ein Pluralsight-Video angeschaut, in dem diese Art der Code-Vervollständigung zu funktionieren schien, obwohl es in WebStorm 9 nicht 10 war.

Ich habe überprüft und ich habe das AngularJS Plugin aktiviert. Ich habe auch versucht, die JavaScript-Bibliothek der typescript community stub für angularjs herunterzuladen, aber es schien nicht zu helfen. Ich habe das Projekt mit "Generating a AngularJS Application Stub" generiert, was mir nach den Dokumenten eine Winkelunterstützung geben sollte.

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Ich habe von JetBrains Unterstützung gehört, dass sowohl 'ControllerAs Syntax' als auch 'Router Support' noch in der Entwicklung sind und geplant sind, in Zukunft verbessert zu werden.

Wenn Sie wie ich wollen Sie diese Bemühungen unterstützen Sie sie hier abstimmen:

https://youtrack.jetbrains.com/issue/WEB-11175

https://youtrack.jetbrains.com/issue/WEB-10654

Answer 2

Sie können dieses Problem umgehen jsdoc Kommentar Hinzufügen

/** 
* @name vm 
* @type View1Ctrl 
*/ 

Answer 3

--- Derzeit in Webstorm 2016 v.3 ---

In Ihrem Wrapperelement für die Richtlinie, können Sie redundant sein und Attribut

ng-controller="vm as vm" 

dann all diese Schnörkel werden sie zurück in das Loch darcula Loch gehen verwenden gehören ... kann mich nicht dazu bringen, es zu tun, persönlich ... aber es macht sie verschwinden.

Keine zusätzlichen Vorschläge ... nichts nützliches ... nur die Abwesenheit von Squiggle.