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

我正在尝试使用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';
}]);

Controller & Route Config

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

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

HTML warning

但是当我运行它时,页面加载得很好

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

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

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

任何帮助将不胜感激.

您可以通过添加jsdoc注释来解决此问题

/**
 * @name vm
 * @type View1Ctrl
 */
相关文章
相关标签/搜索