用angularJS创建svg元素

发布时间：2020-12-17 07:40:59 所属栏目：安全来源：网络整理

导读：我正在尝试创建一个有角度的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.n

我正在尝试创建一个有角度的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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!