AngularJS Web应用程序

我有一个Web应用程序的问题，我尝试在用户输入/＃/ home显示文本时执行此操作。AngularJS Web应用程序

<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.js"></script> 
    <script> 
    var app = angular.module('cacat', ['ngRoute']); 
    app.config(function($routeProvider, $locationProvider) { 
     $routeProvider. 
     when('/home', { 
      template: 'DADA' 
     }). 
     otherwise({ 
      redirectTo: '/' 
     }); 

     if (window.history && window.history.pushState) { 
     $locationProvider.html5Mode({ 
      enabled: true, 
      requireBase: false 
     }); 
     } 
    }); 
    </script> 
</head> 
<body ng-app="cacat"> 
</body>

我试过127.0.0.1/#/home，127.0.0.1/home两者不起作用。

来源

2015-12-02 user3032469

如果你想用127.0.0.1或本地主机或任何使用主机或IP地址，您需要使用Web服务器进入。如apache，nginx等是否使用网络服务器？ – jstuartmilne

你错过了很多东西......你需要包含'ng-view'，并且你需要提到一个像DADA.html这样的模板路径，请参考[link]（https://docs.angularjs.org/api/ngRoute/service/$ route） –

@Sudakatux ofc我有Apache：| – user3032469

对不起，我没去过家里真的没有在这里Apache来尝试它的延迟，但

 <html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular-route.js"></script> 
     <script> 
      var app = angular.module('cacat', ['ngRoute']); 
    app.config(function($routeProvider, $locationProvider) { 
     $routeProvider. 
     when('/home', { 
      template: 'DADA' 
     }). 
     when('/',{ 
     template:"<a href='index.html#/home'> Go Home</a>" 

     }). 
     otherwise({ 
      redirectTo: '/' 
     }); 

/*  if (window.history && window.history.pushState) { 
     $locationProvider.html5Mode({ 
      enabled: true, 
      requireBase: false 
     });*/ 

    }); 
     </script> 
    </head> 
    <body ng-app="cacat"> 
    <ng-view></ng-view> 
    </body>

我注释掉历史的一部分，因为我需要Apache来尝试这工作完全正常。但你只是缺少NG-view标记基本上

希望它可以帮助

来源

2015-12-03 18:32:59 jstuartmilne

AngularJS Web应用程序

回答

相关问题