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