用angularJS创建svg元素

我正在尝试创建一个有角度的svg元素.目前我可以做一个ng重复,但是当我尝试赋值给我的属性时,我会收到一个错误.

<g ng-repeat="cell in row">
    <rect x="{{cell.node.x}}" y="{{cell.node.y}}"></rect>
    <text x="10" y="10">{{cell.node.name}}</text>
</g>

有趣的是,cell.node.name的工作,并显示名称nicelly但是cell.node.x和cell.node.y,相应地给我以下错误
错误：属性x =“cell.node.x”的值无效错误：属性y =“cell.node.y”的无效值
有任何想法吗？

Angular的更新版本的ngAttr属性绑定,应该避免浏览器在角色启动之前进行验证时引起的错误.

示例(从Angular docs)：

<svg>
  <circle ng-attr-cx="{{cx}}"></circle>
</svg>