离子可重用组件架构

时间:2015-10-09 15:18:24

标签: angularjs angularjs-directive ionic-framework

我对离子商店应用程序架构存在问题。

商店应用程序将具有多个具有相同功能,产品列表的屏幕,但具有不同的数据,具体取决于应用程序中的实际位置,因此将有屏幕:类别产品列表,促销,搜索,收藏夹。

他们都将拥有相同的列表,具有相同的功能,添加/删除收藏夹,减去/加上数量,添加到购物车。

我刚刚开始了解离子/角度,所以首先,在设置每个控制器并查看屏幕之后,我使用ng-include模板我对它们的每个视图。

这很有用,但我很快意识到我需要将每个范围函数和变量复制到每个使用相同列表的控制器,只需更改api调用以获取不同的数据,显然这不是正确的方法。 / p>

所以我做了一些指令,对于列表项中的每个按钮,数量加/减,添加/删除到收藏夹,添加到购物车。

这再次起作用,但还有另一个问题,每个项目都有一个减号,数量计数器,以及一行中的按钮。

如果我按减号或加号我想更新数量编号,但它不起作用,因为在指令属性中设置产品项目并使用$ eval只获得新副本,而不是参考。

尝试通过链接范围进行更改时,它会发生变化,但视图永远不会更新。

每个产品都是带有加号和减号函数的模型,用于更新其上的numValue属性。

所以我最后的想法是制作一个完全可重复使用的产品列表指令,具有自己的视图和控制器,这样我就可以在一个地方访问所有内容,首先测试显示它有效,但是,如何避免复制该指令只是为了改变api调用?

也许我应该将数据从特定的屏幕控制器传递到指令中?

我只是需要一些建议做什么,有人制作类似的商店应用程序与这种问题并解决它?你如何处理它,我的应用场景对于那种类型的应用程序看起来很常见。

0 个答案:

没有答案