本文探讨了如何使用AngularJS调用漫威漫画的REST API，分享了在开发过程中遇到的问题及解决方案，包括在Maven中使用webjars、在IntelliJ IDEA中使用Tomcat、理解$resource、AngularJS与Bootstrap集成、片段缓存、分页同步及可变列等。
让我们面对现实：尽管我们拥有像首席顾问，高级软件架构师或团队负责人这样的非常认真的头衔，但是我们大多数人都是极客。 每个人以不同的方式展示它； 有些用机器摆弄，有些喜欢角色扮演，我喜欢漫画。
当我得知Marvel Comics为开发人员提供了REST API时 ，我无法抗拒使用它。 我更像一个后端人员，尽管我喜欢Vaadin，但使用它来调用REST服务就像没有附加价值的代理一样。 尽管我没有使用AngularJS的经验，但是在这种情况下，这是一个更相关的选择。 这篇文章绝不是一篇how-to文章，相反，它包含了许多问题和我遇到的一些答案。 以下是这些顺序（没有特定的顺序）：
-
在Maven中使用webjars
-
前端是前端，期间。 我将Maven与webjars一起使用来获取AngularJS和Bootstrap依赖关系，但未添加任何内容。 更糟糕的是，它增加了不必要的构建过程。 最好使用Bower之类的相关工具。 获得的经验：使用适合您的语言的工具。
在IntelliJ IDEA中使用Tomcat
-
同样，使用后端工具意味着没有附加值，而是增加了复杂性。 这只会减慢开发过程。 一个简单的Web服务器就足够了。
了解 -
在使用
$http几个小时后，我了解了$resource。 它比$http更好，更可用。 但是，这需要一个可选的AngularJS模块ngResource ，而该模块又需要在HTML页面中包含一个附加的<script>。
AngularJS和Bootstrap集成
-
我使用Bootstrap进行样式设计，因为我自己很擅长制作样式表。 幸运的是，AngularJS有一个专用的Bootstrap 指令 ，但是我没有使用它。
片段缓存
-
我使用ngView创建了单页界面应用程序。 但是，AngularJS具有一些强大的缓存功能，该功能阻止更新呈现的页面。 为了绕过缓存，我使用了Firefox的私有窗口。
分页同步
-
字符列表REST服务具有分页功能。 使用
ngRepeat$index进行$resource提取进行编号，我得到了几乎立即发生的重新编号与$resource提取之间的一些不同步。
可变列
-
我尝试了
ngClass，ngSwitch和ngIf指令的多种组合，以使div列跨越不同的Bootstrap单元...无济于事。 有什么建议吗？
$resource
我们欢迎请求请求以及建议，因此我可以改进。 在任何情况下，请提供背后的原因，我毕竟是工程师。
翻译自: https://blog.frankel.ch/doubly-geeky-stuff-angularjs-meets-marvel-comics/
扫一扫
180
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
