Search code examples
angularjswebstormngroute

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

I've got a working Angular app. Navigation is implemented using ngRoute. All works well. But, when trying to leverage Webstorm navigation feature from my HTML file by clicking on href="#XXX" tag, I get a reference error (from Webstorm).

"XXX" is defined in my angular.module like this -

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

and the reference inside the HTML (which works in run time) is like this -

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

From the message itself, it looks like Webstorm is looking for the anchor inside the same HTML file and is not actually considering the ngRoute definition.

Any idea?

Solution

  • Just got a reply from Webstorm official support - currently this behavior is not supported. I thus created a respective request on their tracker - https://youtrack.jetbrains.com/issue/WEB-17238. You're welcome to vote for it:-).