Webstorm 10代码完成不使用AngularJS控制器语法

Question

我正在尝试使用WebStorm,因为它声称在使用AngularJS项目时具有出色的代码完成功能.我正在使用版本10.0.2并且已经使用AngularJS种子项目遇到了代码完成问题.

我正在尝试使用controllerAs语法在$ routeProvider中指定控制器视图模型的名称,如下所示.

'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';
}]);

控制器和路由配置

但是,在模板html中我得到一个"未解析的变量或类型"警告.(vm下的波浪线)

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

HTML警告

但是当我运行它时页面加载就好了

我会展示图片证明,但我首先需要更多代表:^)

同样,我只是使用OOTB AngularJS项目作为创建新WebStorm项目的基础模板之一,因此我希望所有内容都已正确配置,以便Angular正常工作.我还观看了一个Pluralsight视频,其中这种代码完成似乎有效,尽管它在WebStorm 9中不是10.

我查了一下,我启用了AngularJS插件.我也尝试为angularjs下载typsescript社区存根Javascript库,但它似乎没有帮助.我使用"生成AngularJS应用程序存根"生成项目,根据文档应该给我Angular支持.

任何帮助将不胜感激.

Answer 1

我从 JetBrains 支持那里听说“controllerAs 语法”和“路由器支持”都仍在开发中，并计划在未来进行改进。

如果你像我一样想支持这些努力，你可以在这里投票：

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

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