Question

以下ng-include和ng-route在FireFox中运行良好。但是，当我在谷歌浏览器中看到它没有显示任何东西。它只是显示空白页面。

请建议我解决。

提前致谢。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>

<body ng-app="sampleApp">

    <div ng-include="'top-navi.html'"></div>

    <div ng-view></div>


</body>

<script>

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

module.config(['$routeProvider', 
function($routeProvider){
$routeProvider
.when('/route1/:param',{
templateUrl: 'route1.html',
controller: 'RouteController'
})
.when('/route2/:param',{
templateUrl: 'route2.html',
controller: 'RouteController'
})
.otherwise({
rediretTo: '/'
});
} 
]);
module.controller("RouteController", function($scope, $routeParams){
$scope.param = $routeParams.param;
})
</script>

Answer 1

您需要将Web服务器安装到本地环境。

I.E。：安装名为lite-server的npm包以运行您的代码。

npm lite-server

ng-include和ng-route在chrome中不起作用

1 个答案: