用angularJS创建svg元素

前端之家收集整理的这篇文章主要介绍了用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>

猜你在找的Angularjs相关文章