Question

我是angular2的初学者。当我尝试在angular2模板中进行数学计算时，我感到很困惑。

这很有效。

    <g transform="rotate(30)">
          <line class="second" y1="10" y2="-38" />
          <line class="second-counterweight" y1="10" y2="2" />
    </g>

但是这段代码不起作用。

    <g transform="rotate({{3*10}})">
          <line class="second" y1="10" y2="-38" />
          <line class="second-counterweight" y1="10" y2="2" />
    </g>

原始代码来自here，因为我想将它从角度1.x迁移到角度2.任何帮助都将受到赞赏。

Answer 1

您可以尝试以下属性语法：

[attr.transform]="'rotate(' + 3*10 + ')'"

<强> Angular2 Plunker

Answer 2

复制并通过此：

<g [transform] = "'rotate(' + (3 * 10) + ')'">
  <line class = "second" y1 = "10" y2 = "-38" />
  <line class = "second-counterweight" y1 = "10" y2 = "2" />
</g>

如何在angular2模板中进行数学计算？

2 个答案: