AngularJS 网络应用程序

Question

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

<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，但都不行。

Answer 1

很抱歉耽误了我，我还没回家，这里也没有 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 标签

希望对您有所帮助

AngularJS 网络应用程序

AngularJS Web Application

url

seo

web

angularjs