在AngularJS中找不到404

Question

我刚刚启动AngularJS。 当我尝试执行以下示例时，我得到

找不到404

这是我的main.html

<!DOCTYPE html>
<html ng-app="demoApp">
<script src="angular.min.js"></script>
<head>
    <title>main page</title>
</head>
<body>

<div ng-view></div>

<script>
var demo = angular.module('demoApp',[]);

demo.config(function ($routeProvider){
    $routeProvider
        .when ('foo',{
            controller : 'SimpleController',
            templateUrl: 'first.html'
        })      
    });

demo.controller('SimpleController',function($scope){
    $scope.customers = [
        {name: 'sac',city:'abcd'},
        {name: 'mac',city:'efgh'},
        {name: 'nalaka',city:'ijkl'}
    ];
});
</script>

</body>
</html>

我的first.html

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

当我访问localhost/foo时，出现404异常。 我刚刚启动AngularJS。 因此，任何解决此问题的帮助/指南对我来说都是很大的帮助。

提前致谢

Answer 1

您应该参考第page页的angular-route.min.js文件，然后在应用程序中包含ngRoute模块。

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

您应将.when条件更正为以下

.when('/foo',

由于您html5mode在路由中启用html5mode ，因此可以通过localhost/#/foo URL访问该页面。

 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' } ]; });

 <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>

在AngularJS中找不到404

问题描述

1 个解决方案

解决方案1
3 2017-02-18 19:27:15

在AngularJS中找不到404

问题描述

1 个解决方案

解决方案1 3 2017-02-18 19:27:15

解决方案1
3 2017-02-18 19:27:15