UI路由器templateURl无法正常工作

Question

这是我的文件夹结构。 的主题

资产

SRC

应用的

页

• a.html

• b.html

  小窗口

  应用

供应商

的index.html

当我们使用模板URL进行路由时，我们得到了以下问题

XMLHttpRequest无法加载file：/// C：/ Users / CAD1788 / Desktop / Mobile / srcapppagesa.html 。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。

app.js ：

app.config(function($stateProvider, $urlRouterProvider){
      // For any unmatched url, send to /SearchResults
      $urlRouterProvider.otherwise("/a1")

      $stateProvider
        .state('a1', {
            url: "/a1",
            templateUrl: "src\app\pages\a.html"
            //template:"<h1>one</h1>"
        })


        .state('b1', {
            url: "/b1",
            templateUrl: "src\app\pages\b.html" 
            //template:"<h1>Two</h1>"
        })

});

HTML：

<li><a ui-sref="a1">Knowledge Base</a></li>
        <li><a ui-sref="b1">My Briefcase</a></li>

Firefox正常运行

Answer 1

尝试在州内添加此视图块：

app.config(function($stateProvider, $urlRouterProvider){

      $urlRouterProvider.otherwise("/a1")

      $stateProvider
        .state('a1', {
            url: "/b1",
            views: {
              "main": {
                 templateUrl: "src/app/pages/b.html" 
             }
           }    
        })
});

要使路由起作用，您应该使用一些服务器来运行应用程序。