AngularJS:动态更新JSON文件并使用它重新提供autosuggest

时间:2014-05-14 10:38:37

标签: json forms angularjs

我们说我有一张用于编辑家具的表格 在我的商业逻辑中,家具可以有装饰 在我的ORM逻辑中,"整理"是一个独立的实体,来自"家具",与多对多的关系。

所以在我的"编辑/家具"表格我向用户呈现"表面处理"款,
有2个UI(表单)元素:

  • 一个 autosuggest 字段,由 finishings.json (文件)提供,
    • 允许用户将现有的装饰物附加到正在编辑的家具
  • a" +"按钮,显示字段,输入一个或多个完成。
    • 允许用户动态添加装饰。


我希望用户能够在不离开" furniture / add [edit / $ id]"的情况下添加装饰。 REST网址,因此他没有经历页面重新加载。

为此,我使用表格中的"表格"诀窍,这意味着我没有提交整个家具表格:我不希望用户离开页面,也不想让它重新加载。所以"提交新的整理"是一个虚假的提交按钮,触发"整理/添加/" REST网址。应用程序的REST部分负责重写更新的 finishings.json 文件,该文件反映了修改后的数据库。非常标准的东西。


真正的诀窍是:我希望autosuggest字段能够实时反映变化,通过"重新读取" finishings.json 文件。

以下是两个选项:

  1. 我可以只更新UI并将新的装饰条目推送到基于初始finishings.json文件读取的JSON对象中,而不是形式"中的"形式。我可以将新条目推送到这个$ scope对象中,这将为UI提供所需的内容。在提交"编辑家具"表格,我会准备数据和排序东西:经过用户附加到家具上的每一个完成,并将现有的与...分开,只需添加"的。

  2. 我将表格保留在表格中#34;,因为我希望我的finishings.json 文件,而不是json对象成为"来源真相"

  3. 我认为我可以管理选项1,但我真的更愿意选择2.

    你会怎么做? AngularJS按需重新加载 finishings.json 文件的正确方法是什么,并让它以实时新的一批选项重新提供autosuggest?

0 个答案:

没有答案