Question

我有一个正在运行的Angular应用程序。使用ngRoute实现导航。一切顺利。但是，当试图通过点击href =＆＃34; #XX＆＃34;来从我的HTML文件中利用Webstorm导航功能时标签，我得到一个引用错误（来自Webstorm）。

＆＃34; XXX＆＃34;在我的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

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

Answer 2

尝试包括：

$locationProvider

在你的路线文件中

然后放：

$locationProvider.html5Mode(true);

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

<base href='/'>

在你脑海里。这样您就可以在没有＆＃39;＃＆＃39;符号。不确定这是否能回答你的问题，但它应该让你走上正确的道路。

Answer 3

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

e.g; <a ui-sref="XXX">my link text</a>

Webstorm：无法解析angularjs anchor（hashtag）对其他文件的引用

3 个答案: