AngularJS:三角形三向绑定 - 项目结构

时间:2015-03-09 01:43:23

标签: angularjs structure

我目前正在制作一个带有实时预览的管理界面,我仍然没有100%正确地构建它。

我的页面基本上由两部分组成。 管理界面实时预览。显然,管理界面用数据填充一些变量,实时预览显示这一点。

因此,管理界面需要绑定变量,实时预览将绑定这些变量以供阅读。

此外,最后的实时预览(如果可能)应该重新用作显示一组信息的最终产品。它所做的只是显示从服务器接收的单个JSON文件(在产品模式下),如果是实时预览,它将需要更新数据Live作为其编辑。

还有一点需要注意:实时预览和管理界面都包含指令等元素,并且需要通过让用户添加具有特定类型内容的页面来动态加载部分管理界面。

在研究了模块的处理方法后,我想出了以下内容:

  • 实时预览是一个模块
  • 管理界面是一个模块
  • 我的页面包含两个模块

它们都应该连接到能够编辑数据(绑定变量?)和读取数据的中心,以便更新它。

理想情况下,这将是一项服务,所以稍后加载"实时预览"作为一个实际产品,可以使用相同类型的服务,在这种情况下,它提供来自我们数据库的信息,而不是其范围内的变量。

这是一个好方法吗?有没有办法让服务一方面可以编辑生动,就像双向绑定一样,这样我的实时预览也可以捡起来?有什么我可以使用而不是服务,如控制器?我该怎么回事呢?

1 个答案:

答案 0 :(得分:0)

你正在做的一切正确。我不认为预览和管理面板是他们自己的模块还是包含在一个模块中是相关的。您会发现人们在他们的Angular应用程序中以各种方式使用模块分离。

我认为您所说的重要且正确的是通过服务连接预览和管理面板。连接这两者的其他方法(即$ rootScope)是昂贵且不好的做法。

如果您将在应用程序的许多位置重新使用实时预览,我会将其包装在指令中。

你应该对自己的方法充满信心,这是一个很好的方法。