使用AngularJS的效率最高的网格模块/方法?

时间:2015-03-23 11:42:06

标签: angularjs matrix grid selection

我有一个网络应用程序,主要针对全屏模式的iPad。我必须实现一个可选择的网格/矩阵,它有两个级别的选择 - 一个主要项目选择和一个子项目选择。从我们的设计看起来像这样:

第一张图片有主要项目选择,

Grid Pic 1

Grid Pic 2

该应用程序基于AngularJS和Bootstrap3构建。现在我们已经使用我们编写的自定义jQuery插件实现了网格的工作版本,现在我们想知道为什么我们这样做了。代码是错误的,并不断引发新的错误。我们正在寻找另一种实现形式,希望是纯粹的AngularJS。

我们正在寻找的标准是:  1.跨设备的响应能力 - iPad /桌面  2.与过滤兼容的稳定DOM结构(顶部的搜索栏需要工作 - 图中未显示)。  3.动态更改AJAX数据的快速渲染。  4.触摸友好

实现这样的方法的最佳方法/ ng-modules是什么?我们即将决定编写一个自定义模块,但不想重新发明轮子!

我们确实看到了ng-grid,但它似乎仍处于测试阶段。我们需要一个稳定的模块。 SmartTable似乎是目前最合适的选择。

TIA!

3 个答案:

答案 0 :(得分:3)

你有没有尝试Angular Material Gridlist我认为它必须更干净。我经常使用它而不是bootstrap。希望它有所帮助

答案 1 :(得分:0)

看看Angular Grid。我知道它适用于iPad,滚动使用触摸手势。与其他AngularJS网格相比,它表现得非常好。我已经在iPad和Androids上使用了大网格。

答案 2 :(得分:0)

Ionic Framework 结合使用 angular-material

两者都涵盖了UI元素和网格需求,并且非常可靠。两者都是非常活跃的框架。

他们最近都达到了v1。

你应该认真考虑你获得的时间,即使一开始你必须放弃Bootstrap。我也很担心放弃ui-bootstrap,但实际上,你不会后悔(而且你会想知道为什么你以前没做过)。

文档无可挑剔,Codepens和Plunkrs到处都是,博客文章比比皆是......

学习曲线......好...... judge for yourself