我是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中的运行块也不会被触发。我不知道为什么会发生这种情况。任何人都可以帮我解决这个问题。 任何帮助将不胜感激。
感谢。
答案 0 :(得分:1)
您正在使用urlRouterProvider
来生成ajax请求以呈现html文件。这些请求将失败,因为没有服务器正在运行以提供请求。