無法使用Angularjs加載json數據點擊使用

我使用this鏈接加載點擊json數據。雖然再現我的VS2012一樣，我添加了下面的js和css文件無法使用Angularjs加載json數據點擊使用

<head> 
<link href="Content/style.css" rel="stylesheet" /> 
<link href="Content/bootstrap.min.css" rel="stylesheet" /> 
<link href="Content/bootstrap.css" rel="stylesheet" /> 
<script src="Scripts/angular.js"></script> 
<script src="Scripts/angular.min.js"></script> 
<script src="Scripts/jquery-1.9.1.js"></script> 
<script src="Scripts/jquery-1.9.1.min.js"></script> 
<script src="Scripts/myweb.js"></script> 
</head>

其中myweb.js和style.css文件是從上面的鏈接的JavaScript和CSS文件。但是，當我運行該文件時，數據不會加載。我無法點擊「這裏」部分。

Output after running the file

我在做什麼錯？我能做些什麼來使它工作？

來源

2015-03-03 Ronak Shah

如果您看到任何錯誤，請檢查控制檯。 – anpsmn 2015-03-03 07:39:23

您正在加載angular.js和angular.min以及類似的兩個版本的jquery，這是一個不好的做法。 – mohamedrias 2015-03-03 07:42:23

@anpsmn控制檯中沒有錯誤。 – 2015-03-03 07:42:58

避免加載angular，jquery和bootstrap的未壓縮和縮小版本。

這應該只是：

<head> 
<link href="Content/style.css" rel="stylesheet" /> 
<link href="Content/bootstrap.min.css" rel="stylesheet" /> 
<script src="Scripts/angular.min.js"></script> 
<script src="Scripts/jquery-1.9.1.min.js"></script> 
<script src="Scripts/myweb.js"></script> 
</head>

你的jsfiddle工作正常。所以這是因爲angular和jquery的多個版本。

來源

2015-03-03 07:45:33 mohamedrias

不，它仍然無法正常工作。我無法點擊「這裏」部分。 – 2015-03-03 07:52:57

創建一個新的.json文件，並且只將你在mockDataForThisTest中提到的數組[[]沒有任何json stringily/encodeuri。然後將$ http中的url替換爲應用程序服務器中的json文件url。它會工作:) – mohamedrias 2015-03-03 08:47:38

無法使用Angularjs加載json數據點擊使用

回答

相關問題