can I use EJS with AngularJS?

Question

你好，我是AngularJS的新手。我已经使用JQuery和jQuery UI创建了出色的Web应用程序。

现在我想完全摆脱JQuery并迁移到AngularJS，因为它具有MVC（MVW）模式。

所以我的JQuery应用程序正在使用EJS进行模板和完全DOM操作。但是当我考虑AngularJS时，我有疑问。我能否继续使用EJS？

请指导我是否可以使用EJS。

另一个疑问是，假设我有一个列表页面。它会动态更新，并且首先显示10条记录，然后根据用户滚动，在AJAX之后将下一10条记录添加到DOM中。我们可以使用Angular动态附加到DOM吗？

我该如何在Angular中实现这些功能？

- Pyare

Answer 1

你可以将EJS（服务器或客户端）与Angular结合使用，但没有必要，你可能会使事情变得过于复杂。AngularJS非常擅长以一种“关注分离”的方式单独操作DOM。与Angular协作的最优雅的方式是拥有一个RESTful后端，并从Web服务器中提供一些静态html/js文件。

对于无限滚动，有大量可供选择的插件（模块）可供选择，或者您可以编写自己的插件。基本上，这将需要一个视图，其中包含ng-repeat 指令来显示当前加载的项目，以及一种指令，该指令将在用户向下滚动时通知控制器/作用域加载更多项目。 可以在这里找到一篇不错的简单文章。

类似问题：

• 混合使用angular和asp.net mvc webapi
• jade模板和angularjs的实际应用

- null

---

但有时您可能需要与EJS一起使用它。例如，您正在使用需要HTML模板的ExpressJS。 - Bagusflyer

我不会说没有必要。如果你想让数据在页面加载时立即可用，你需要使用模板引擎。如果你可以接受加载时间，无论多么短，那么只使用Angular也可以。 - dckuehn

Answer 2

当然可以在 Angular JS 中使用 EJS。你可能想看一下这个：

https://gist.github.com/jrmoran/4277025

关于您的DOM操作问题。是的，您可以使用Angular JS动态附加DOM。Angular JS具有强大的双向数据绑定功能，当模型变量更改时，它会动态更新其DOM内容。

请看这个：

http://docs.angularjs.org/guide/databinding

- BKM