Angular js 将变量绑定到标签 <text x =

Posted

技术标签:

【中文标题】Angular js 将变量绑定到标签 <text x =【英文标题】:Angular js Bind a variable into tag <text x = 【发布时间】:2021-10-08 22:38:27 【问题描述】:

我正在尝试将我范围内的值传递到 x: 的文本标记中:

<g transform="translate(150,40)">
  <rect ng-style="'width':info"  fill="#66CC99"></rect>
  <text x=info y="9.5" dy="1.2em" dx="-5px">infoNum</text>
</g>

但我得到了错误:

> Error: <text> attribute x: Expected length, "info…".

我该如何解决这个问题?有没有办法将变量正确绑定到 x 参数?方法:ng-style="'x':info" 不起作用。

【问题讨论】:

【参考方案1】:

试试ng-attr

<text ng-attr-x="info" y="9.5" dy="1.2em" dx="-5px">infoNum</text>

另外,请查看this answer。

【讨论】:

以上是关于Angular js 将变量绑定到标签 <text x =的主要内容,如果未能解决你的问题,请参考以下文章

将每个数组元素绑定到选项标签

Angular js绑定标题属性

Angular.js数据绑定时自动转义html标签及内容

Angular JS

Angular:如何将异步属性数据绑定到背景图像

将 AngularJS 变量绑定到 CSS 语法中