Question

我目前正在使用Angular版本1.3.0开发一个简单的Electron桌面应用程序。我正在使用NgRoute在main.html和settings.html视图之间切换。这在本地运行的服务器中测试时工作正常，但是当通过Electron运行时，用于加载设置视图的链接会导致空白页。

我已将基本标记href设置为＆＃39; ./'并且正在加载main.js和vendor.js。以下是Angular app.js文件中的代码。

(clj-time.coerce/to-date-time my-inst)

这是index.html

'use strict';

angular
  .module('AppApp', [
    'ngRoute'
  ])
  .config(function ($routeProvider, $locationProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .when('/settings', {
        templateUrl: 'views/settings.html',
        controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
    $locationProvider.html5Mode({enabled: true, requireBase: false});
  });

最后是main.html（当电子应用程序启动时没有问题时加载），其中包含用于加载设置视图的链接。

<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="styles/main.css">
    <base href="./">
  </head>
  <body ng-app="AppApp">    
    <div class="container">
        <div ng-view=""></div>
    </div>

    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
</body>
</html>

Angular NgRoute未在Electron App中加载部分

0 个答案: