ng-include和ng-route在chrome中不工作

下面的ng-include和ng-route在FireFox中工作正常。但是，當我在谷歌瀏覽器中看到它沒有顯示任何東西。它只是顯示空白的白頁。ng-include和ng-route在chrome中不工作

請建議我解決方案。

在此先感謝。

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

來源

2016-07-22 Manoj

的[NG包括未在Chrome瀏覽器工作]可能的複製（http://stackoverflow.com/questions/22565322/ng-include-not-working-in-chrome-browser） – Aminadav

是否控制檯顯示任何錯誤？ –

是的。有一個錯誤。 – Manoj

您需要將Web服務器安裝到本地環境。

I.E .:安裝名爲lite-server的npm軟件包來運行您的代碼。

npm lite-server

來源

2016-07-22 10:50:44 agriboz

因爲它是一個正好的html頁面，這些文件到客戶端，客戶端看不到它。這可能是解決方案。 – Manoj

你的意思是客戶端通過雙擊運行html文件？ – agriboz

我也安裝了lite-server。仍然不起作用 – Manoj

ng-include和ng-route在chrome中不工作

回答

相關問題