javascript - 无法使用 Angularjs 单击加载 json 数据

标签 javascript css json angularjs

我正在使用 this单击链接以加载 json 数据。在我的 VS2012 中复制相同内容时,我添加了以下 js 和 css 文件

<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

我做错了什么?我该怎么做才能让它发挥作用?

最佳答案

避免加载 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的多个版本。

关于javascript - 无法使用 Angularjs 单击加载 json 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28826400/

相关文章:

javascript - 展开和折叠 div

javascript - 将基于类的样式更改为内联样式

javascript - 如何在angularjs中从php获取json数据

javascript - 解析 JSON 响应时出现问题

javascript - AngularJS 简单登录

javascript - 如何在 javascript 中有效地打印出嵌套数组?

javascript - jQuery 删除输出循环上的重复行

javascript - 如何在 Cordova 的 WKWebView 中动态阻止/允许滑动手势导航?

jquery - 使用 jquery 在单击时更改文本区域内容

html - 响应式电子邮件图像