AngularJS具有许多自定义指令的性能

时间:2014-03-18 19:09:02

标签: performance angularjs angularjs-directive

对于这个特定的项目,我和我的团队正在考虑利用AngularJS指令的强大功能,并使用它们来构建特定于我们项目的自定义元素,并将它们用作真正的HTML组件。

例如......

假设我们有这个表,其中每一行都由一组我们从请求中获取的信息组成,每一行都将以ng-repeat重复。在每一行内部,我们将有多个具有相同自定义行为的自定义按钮。此按钮还将用于网站上的不同模块/页面,而不仅仅是在此特定表格上。

我们首先想到的是使用2个指令,一个用于表行,一个用于按钮。我们的想法是,这些是具有自定义属性的自定义组件/元素,用于定义元素的自定义行为。这将使我们拥有一个非常好的模块化应用程序,其中每个组件都是单独开发和单元测试的。我们的HTML也很容易准备和理解。

这听起来不错吗?

现在,性能问题呢?如果我们有一个包含100行和每行5个按钮的表格,我们是否可以遇到这种方法的大问题。如果这些行/按钮每隔X秒有几个绑定来更新信息,这可能是个大问题吗?

1 个答案:

答案 0 :(得分:0)

Angular Misko Hevery的父亲对性能和数据绑定有这样的说法:

How does data binding work in AngularJS?

但总之,就像他说的那样,只要你每页不超过2000个数据绑定项目,性能就不会成为问题......