使用Xlink规范时在Angular中绑定元素

Question

我有一个以Raw XML开头并使用Angular Directives和CSS将Raw XML转换为带有可编辑字段，按钮和标签的网页的页面。由于一段数据本质上是关系型的，我使用松散的xLink规范来创建一个“源节点”，其中包含可能在页面上多次引用的数据。

在我的页面上，团队的名称节点是可编辑的。目前，我的团队节点指令的链接函数有一个函数，如果它具有属性“source”，则使用该id为页面上已经具有该id属性的团队节点拉取HTML（当触发此指令时，由于节点上运行的指令，XML顶部的团队节点已经处理并且已经添加了ng-transclude，scope和HTML节点。）

目前，我的网页看起来正确呈现;但是，我有两个问题：

1）游戏节点层次结构中的团队不可编辑（由指令强制执行） 2）更重要的是，当我编辑顶级团队时（将团队1的名称从“Yankees”更改为“New York Yankees”），在我刷新页面之前，参考不会更新。

有没有人对如何最好地将这些元素绑定在一起有任何建议？

页面加载数据：

<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>