没有localhost,Angularjs无法正常工作

时间:2015-12-04 16:45:10

标签: javascript angularjs

我是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>

以下是主要的应用模块:

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'
    });
  });

在我的视图文件夹中,上面提到了两个html文件。 但我无法在没有server的情况下运行文件。它使用 grunt serve 。当我在firefox中打开index.html时,甚至我在angularjs中的运行块也不会被触发。我不知道为什么会发生这种情况。任何人都可以帮我解决这个问题。 任何帮助将不胜感激。

感谢。

1 个答案:

答案 0 :(得分:1)

您正在使用urlRouterProvider来生成ajax请求以呈现html文件。这些请求将失败,因为没有服务器正在运行以提供请求。