Webstorm：无法解析 angularjs 锚点（标签）对其他文件的引用

Question

我有一个可用的 Angular 应用程序。导航是使用 ngRoute 实现的。一切正常。但是，当我尝试通过单击 href="#XXX" 标记来利用我的 HTML 文件中的 Webstorm 导航功能时，我收到了一个引用错误（来自 Webstorm）。

"XXX" 在我的 angular.module 中是这样定义的 -

   .config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/XXX', {
    templateUrl: 'XXX/my-file.html',
    controller: 'MyCtrl'
  });

和 HTML 中的引用（在运行时间内有效）是这样的 -

<a href="#XXX">my link text</a>

从消息本身来看，Webstorm 似乎正在同一 HTML 文件中寻找锚点，实际上并未考虑 ngRoute 定义。

有什么想法吗？

Answer 1

尝试包括：

$locationProvider

在你的路由文件中然后放入：

$locationProvider.html5Mode(true);

在您的路线声明下方。然后在你的 html 文件中包含：

<base href='/'>

在你的脑海里。这将允许您使用没有“#”符号的路由。不确定这是否回答了您的问题，但它应该会让您走上正确的道路。

Answer 2

刚从Webstorm官方支持得到回复-目前不支持此行为。因此，我在他们的跟踪器上创建了相应的请求 - https://youtrack.jetbrains.com/issue/WEB-17238。欢迎您为它投票:-).

Answer 3

如果你使用 ui-router 而不是 ngRoute 你不必使用你可以使用属性 ui-sref

例如； <a ui-sref="XXX">my link text</a>

Webstorm：无法解析 angularjs 锚点（标签）对其他文件的引用

Webstorm: cannot resolve angularjs anchor (hashtag) references to other files

webstorm

angularjs

ngroute