无法使用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数据点击使用

回答

相关问题