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

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库，但它似乎没有帮助。我使用＆＃34;生成AngularJS应用程序存根来生成项目＆＃34;根据文档应该给我Angular的支持。

非常感谢任何帮助。

Answer 1

您可以通过添加jsdoc评论来解决此问题

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

Answer 2

我从JetBrains的支持中听说，两个＆＃39; controllerAs语法＆＃39;和路由器支持＆＃39;两者都在开发中，并计划在未来进行改进。

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

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

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

Answer 3

---目前在Webstorm 2016 v.3 ---

在指令的包装元素中，您可以是多余的并使用属性

ng-controller="vm as vm"

然后所有这些曲线都会回到他们所属的洞穴中......不能让我自己去做，个人......但它确实让它们消失了。

没有其他建议......没有用......只是没有曲线。

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

3 个答案: