Question

我刚开始使用AngularJS。当我尝试实现以下示例时，我正在

404 Not Found

这是我的main.html

<ul>
    <li ng-repeat="cus in customers ">{{ cus.name }}</li>
</ul>

我的first.html

localhost/foo

当我访问{{1}}时，我收到404异常。我刚开始使用AngularJS。所以解决这个问题的任何帮助/指南对我都有很大的帮助。

提前致谢

Answer 1

您应该参考页面上的angular-route.min.js文件＆amp;然后在您的应用程序中包含ngRoute模块。

var demo = angular.module('demoApp',['ngRoute']);

您应该将.when条件更正为

.when('/foo',

如果您在路由中未启用html5mode，则可以通过localhost/#/foo网址访问该网页。

＆＃13;

var demo = angular.module('demoApp', ['ngRoute']);

demo.config(function($routeProvider) {
  $routeProvider
    .when('/foo', {
      controller: 'SimpleController',
      templateUrl: 'first.html'
    })
    // By default it will open foo
    .otherwise({redirectTo: '/foo'})
});

demo.controller('SimpleController', function($scope) {
  $scope.customers = [{
      name: 'sac',
      city: 'abcd'
    },
    {
      name: 'mac',
      city: 'efgh'
    },
    {
      name: 'nalaka',
      city: 'ijkl'
    }
  ];
});

＆＃13;

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.min.js"></script>
<div ng-app="demoApp">
  <div ng-view></div>
  <script type="text/ng-template" id="first.html">
    Content of the template.
  </script>

</div>

＆＃13;

在AngularJS中找不到404

1 个答案: