我有一个以原始 XML 开头的页面,并使用 Angular Directives 和 CSS 将原始 XML 转换为具有可编辑字段、按钮和标签的网页。由于一部分数据本质上是关系数据,因此我使用松散的 xLink 规范来创建一个“源节点”,其中包含可能在页面上多次引用的数据。
在我的页面上,团队的名称节点是可编辑的。目前,我的团队节点指令的链接函数具有一个功能,如果它具有属性“源”,则使用该 id 为页面上已经具有该 id 属性的团队节点拉取 HTML(触发此指令时,由于在节点上运行的指令,XML 顶部的团队节点已经被处理,并且已经添加了 ng-transclude、scope 和 HTML 节点。)
目前,我的页面看起来在视觉上正确呈现;但是,我有两个问题:
1)游戏节点层次结构中的团队不可编辑(由指令强制执行)。
2) 更重要的是,当我编辑顶级球队时(将球队 1 的名称从“洋基队”更改为“纽约洋基队”,直到我刷新页面才会更新参考。
有人对如何最好地将这些元素绑定在一起有任何建议吗?
页面加载数据:
<all>
<teams>
<team id="1">
<name>Yankees</name>
</team>
<team id="2">
<name>Red Sox</name>
</team>
</teams>
<games>
<game>
<date>
<teams>
<hometeam>
<team source="1" />
</hometeam>
<hometeam>
<team source="2" />
</hometeam>
</teams>
</game>
</games>
</all>