Angularjs 角度路径不';t工作(无错误)

Angularjs 角度路径不';t工作(无错误),angularjs,angular-routing,Angularjs,Angular Routing,我是Angular的新手,需要用户界面路由器的帮助。我需要在点击链接后加载mylink.html。这是我的密码: var app = angular.module('hollywood', ['ui.router']); app.config(function($stateProvider, $urlRouterProvider, $locationProvider) { $locationProvider.html5Mode({enabled: true, requireBase: false

我是Angular的新手,需要用户界面路由器的帮助。我需要在点击链接后加载mylink.html。这是我的密码:

var app = angular.module('hollywood', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
$locationProvider.html5Mode({enabled: true, requireBase: false});
$stateProvider.state('mylink', {
templateUrl: 'mylink.html'
});
})

<a ui-sref="mylink">My Link</a>
<article ui-view></article>
问题是文件是本地的,我不认为我可以在这种情况下设置CORS

尝试使用此代码

  var app = angular.module('hollywood', ['ui.router']);
  app.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode({
      enabled: true,
      requireBase: false
    });
    $stateProvider.state('mylink', {
      url: '/my-link',
      templateUrl: 'mylink.html' // give absolute url like src/views/mylink/html
    });
  })

您没有在状态对象中添加url

@Damian您是通过某种服务器(python、节点等)为angular应用程序提供服务,还是只是通过浏览器中的文件系统(直接通过浏览器打开选项)运行应用程序?
如果您直接运行它,您很可能会遇到此问题,因为浏览器不允许通过文件系统共享资源以解决安全问题

我的代码是正确的。我已删除“url”并在服务器上运行它。工作正常。

您没有在state object中添加url,我应该在url中添加什么?我看过教程,但人们并不总是需要url。为什么?不幸的是,这不起作用。当我在Electron中运行它时,它可以正常工作一半,但在浏览器中它根本不工作。在Electron应用程序中,我单击“mylink”,它会加载我的HTML文件,但当我单击另一个“mylink 2”时,它不起作用。我直接在本地主机上使用它。当我在Electron(chrominium+nodejs)中运行它时,我在加载文件方面没有问题。但仍然存在路由问题。它只工作一次。
  var app = angular.module('hollywood', ['ui.router']);
  app.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode({
      enabled: true,
      requireBase: false
    });
    $stateProvider.state('mylink', {
      url: '/my-link',
      templateUrl: 'mylink.html' // give absolute url like src/views/mylink/html
    });
  })