在没有服务器的情况下运行angularjs_Angularjs_Jsp

在没有服务器的情况下运行angularjs

angularjs jsp

在没有服务器的情况下运行angularjs,angularjs,jsp,Angularjs,Jsp,我还不熟悉如何使用jsp在angular.js中工作。我的应用程序中有5个html页面。其中，我有index.html 我在其中编写了ng view指令，并正确安装了ngRoute和angular-route.js。我试过这样的东西这是我的index.html <html ng-app="myApp"> <link rel="stylesheet" href="bootstrap.css"> <script src="jquery-1.11.3.min.j

我还不熟悉如何使用jsp在angular.js中工作。我的应用程序中有5个html页面。其中，我有index.html

我在其中编写了ng view指令，并正确安装了ngRoute和angular-route.js。我试过这样的东西

这是我的index.html

<html ng-app="myApp">

 <link rel="stylesheet" href="bootstrap.css">
 <script src="jquery-1.11.3.min.js"></script>
 <script src="angular.min.js"></script>
 <script src="bootstrap.min.js"></script>
 <script src="angular-route.js"></script>

 <script src="main.js"></script>
 <style>
   .table{
      width:1000px !important;
      height:400px !important;
      margin-left:25px;
      margin-top:20px !important;
    }
  .hover{
        cursor:pointer;
   }    
 </style>
   <div ng-view></div>
 </html>

没有服务器。我直接从本地硬盘上运行页面。在尝试直接加载页面时，未应用引导，ng视图也不起作用。需要一些帮助才能做到这一点

帮帮我

提前感谢…

在app.config中--控制器值应该是字符串--

控制器：“loginController”

等。需要从服务器上运行它，以便ajax能够获取模板和数据。在很短的时间内设置本地主机服务器的许多简单方法。浏览器不喜欢

文件：//

协议中的ajax，因为安全原因如果您可以安装node.js，那就太好了，就像在$routeprovider中您说的“如果我的URL是这个“/”，那么请加载页面。因为您是通过文件系统访问它的。这样就不行了为什么要用jsp标记呢？因为，我也想用jsp做同样的事情。。。我想用jsp代替html

<form role="form">
   <div class="form-group">
      <label for="email">Email address:</label>
      <input type="email"ng-model="username"  class="form-control" id="email">
   </div>
   <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" ng-model="passwrd" class="form-control" id="pwd">
   </div>
   <div class="checkbox">
      <label><input type="checkbox"> Remember me</label>
   </div>
   <button type="submit" class="btn btn-default"  ng-click="login(username,passwrd)">Submit</button>
</form>

var app = angular.module('myApp',['ngRoute']);  

app.config(['$routeProvider',function($routeprovider){
   $routeprovider.when('/',{
      templateUrl:'login.html',
      controller:loginController
   })
  .when('/demo',{
    templateUrl:'demo.html',
    controller:demoController
  })
  .otherwise({redirectTo:'/'})
 }]);

 app.controller('indexController',function($scope,$http){
      alert('w3e3r'); 
 });

  app.controller("demoController",function($scope,$http){
     $http.get("http://www.w3schools.com/angular/customers.php").
     success(function(data){    $scope.demoArr = data.records}).
     error(function(error){
     console.log(error);
   });
  });   

 app.controller("loginController",function($scope){

 });