如何从 Angular UI Bootstrap 中的 AJAX 调用加载 JSON 数据答案

【问题标题】：How to load JSON data from an AJAX call in Angular UI Bootstrap如何从 Angular UI Bootstrap 中的 AJAX 调用加载 JSON 数据
【发布时间】：2014-02-12 16:07:40
【问题描述】：

朋友们好，我有过使用旧的纯 JavaScript 的经验，很少使用 JQuery。现在，在我的新基于 JAVA Web 的项目中，我们需要使用最新的技术来快速构建动态绑定的网页。我没有时间为那里的所有小部件/JS 框架做概念证明，但基于我的研究。我发现：Old JQuery、Bootstrap、Angular Strap 和 Angular UI-Bootstrap。我收集到 Angular UI-Bootstrap 是最有效的，所以我接受了。

请问有谁能帮忙解决以下问题：

使用“Angular UI-Bootstrap”框架调用静态 Web 服务的示例源代码或代码或参考或文章，该服务将负载作为 JSON 对象返回。然后，将 JSON 数据转换为适合特定 html 控件的格式，例如下拉列表等我目前正在做概念验证，因此任何用于填充 DIV、下拉列表、输入文本等的 Ajax 调用变体都将不胜感激。
此外，有关此“Angular UI-Bootstrap”的最佳实践和应用的任何良好文档或参考，即何时使用它以及何时使用其他框架。

我们将非常感谢您的帮助和时间。

【问题讨论】：

欢迎来到 StackOverflow，请阅读帮助部分：stackoverflow.com/tour StackOverflow 似乎最适合回答特定的编程问题；我认为这个问题太宽泛了。根据您提供的信息，我想我可以写几个小时来解决您的需求/关注。通常，为了在 AngularJS 应用程序中加载 JSON 数据，我使用 $http (docs.angularjs.org/api/ng.$http)

标签： jquery json angularjs twitter-bootstrap

【解决方案1】：

这是一个很棒的介绍性视频，链接自 Angular 文档，演示 $resource 从 REST 服务获取 JSON 数据。它有点过时（我相信他使用的 twitter 提要不再有效），但我认为它会让你朝着正确的方向前进。

http://www.youtube.com/watch?v=IRelx4-ISbs

请记住，UI-Bootstrap 组件就是：UI 组件。只需为 bootstrap ui css 和 js 添加适当的包含，您就可以在您的应用中使用它们。

我相信你已经看过了，但是 Angular Bootstrap UI 文档包含实时代码示例并且非常有用：http://angular-ui.github.io/bootstrap/

如果您有更具体的问题，请发帖，但我希望这能让您继续前进。我正在为我的应用程序使用相同的堆栈，它看起来和工作都非常好。

肯。

【讨论】：

感谢 Ken 和 Reboog711。我快速浏览了参考资料。问：Ken，你的意思是“Angular UI-Bootstrap”框架只包含 html n css 即 ui 组件，而 AngularJS 是它使用的 JavaScript 库？两个库是否都在一个 github 存储库中维护。原因，我要问的是。我的任务是做更多的 JS 前端工作，并且不会对更多的 html css 技巧感兴趣。我会把它留给我的婚礼设计师。只是想知道我在研究事物时是否应该提及更多 AngularJS，而不是说“Angular UI-Bootstrap”...... AngularJS 有单独的回购吗？
大家好，我现在在尝试您发送给我的资源时遇到了一个真正的问题......请修改帖子：[link]stackoverflow.com/questions/21766339/…
嗨！是的，AngularJS 是它自己的东西（angularjs.org == 一个 google javascript 框架/平台）。
哎呀——回车太快了：Angular UI 实际上也是它自己的项目 (angular-ui.github.io)，其中包含许多很棒的 UI 元素，包括 Bootstrap。听起来您主要寻找的是 AngularJS，但您可能需要了解 UI 组件正在使用什么，以便您可以在后端提供和接收它们。享受吧！