Javascript Angularjs在没有本地主机的情况下无法工作_Javascript_Angularjs

Javascript Angularjs在没有本地主机的情况下无法工作

javascript angularjs

Javascript Angularjs在没有本地主机的情况下无法工作,javascript,angularjs,Javascript,Angularjs,我是angularjs的新手。我在yeoman generator的帮助下启动了一个angularjs应用程序。我可以在localhost中运行该应用程序，但在没有任何服务器的情况下无法运行。我的应用程序不需要任何服务器。请参阅下面的代码 <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/angular/an

我是angularjs的新手。我在yeoman generator的帮助下启动了一个angularjs应用程序。我可以在localhost中运行该应用程序，但在没有任何服务器的情况下无法运行。我的应用程序不需要任何服务器。请参阅下面的代码

<script src="bower_components/jquery/dist/jquery.js"></script>
            <script src="bower_components/angular/angular.js"></script>
            <!-- <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> -->
            <script src="bower_components/angular-animate/angular-animate.js"></script>
            <script src="bower_components/angular-cookies/angular-cookies.js"></script>
            <script src="bower_components/angular-resource/angular-resource.js"></script>
            <script src="bower_components/angular-route/angular-route.js"></script>
            <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
            <script src="bower_components/angular-touch/angular-touch.js"></script>
            <script src="bower_components/angular-aria/angular-aria.js"></script>
            <script src="bower_components/angular-material/angular-material.js"></script>
            <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
            <script type="text/javascript" src="scripts/app.module.js"></script>
            <script type="text/javascript" src="scripts/controllers/wizard.js"></script>

        </head>
        <body ng-app="myApp">
            <div ui-view></div>
        </body>

在上面提到的“我的视图”文件夹中，有两个html文件。但是我不能在没有服务器的情况下运行文件。它使用的是grunt serve。当我在firefox中打开index.html时，即使我在angularjs中的run块也不会被解雇。我不知道为什么会这样。有人能帮我解决这个问题吗。任何帮助都将不胜感激

谢谢。

您正在使用

urlRouterProvider

，它会发出ajax请求来呈现html文件。这些请求将失败，因为没有运行服务器来处理请求。

在FF中打开您的网页，然后按F12调出开发人员工具。在那里你可以看到失败的http请求（丢失文件）和java脚本错误。你需要一个服务器。Angular使用ajax拉入和解析模板文件。即使对于静态文件，您也需要一些服务。这是一个浏览器安全问题。但我想知道是否有任何方法可以在没有服务器的情况下运行html文件，因为我需要构建phonegap应用程序。phonegap应用程序在手机中没有服务器。我看到一个ionic angular应用程序在没有本地主机的情况下运行。我在firefox的控制台中没有错误。但是ionic应用程序使用angularjs在firefox中不使用localhost工作。有没有一种方法可以在没有服务器的情况下运行angularjs，因为我想在没有服务器支持的情况下构建phonegap应用程序？看，使用angularjs构建的web应用程序和使用angularjs框架构建的移动应用程序之间有什么区别。阅读一些关于使用Ionic或phonegap的教程，他们在web浏览器中启动应用程序进行测试和调试，但仍然有处理应用程序请求的机制，他们并不是简单地运行，而是为他们运行设置了完整的环境。只要在谷歌上搜索一下，你就会发现大量的教程。我希望这有帮助。

angular
  .module('myApp', [
    'ngSanitize',
    'ngCookies',
    'ngResource',
    'ui.router',
    'ngMaterial'
  ])
  .run(function () {
      alert("Run Block");

  })
.config(function ($urlRouterProvider,$stateProvider) {
  $urlRouterProvider.otherwise('/wizard');
    $stateProvider
    .state('wizard', {
      url: '/wizard',
      templateUrl: 'views/wizard.html',
      controller: 'WizardController',
      controllerAs: 'vm'
    })
    .state('wizard.layer', {
      url: '/layer',
      templateUrl: 'views/layer.html',
      controller: 'LayerController',
      controllerAs: 'vm'
    });
  });