angular样式中使用calc计算宽高，calc中的某个变量怎么从ts中获取

在Angular中，可以通过绑定属性来从ts文件中获取变量，在计算宽高时使用calc()函数。

例如，在HTML模板中，可以使用以下代码来绑定一个变量：

<div [style.width]="calc(100% - {{ variable }}px)">
  ...
</div>

其中，`variable`是在ts文件中定义的变量。在这个例子中，calc()函数用于计算宽度，从而使得这个div的宽度总是占满父元素的空间，同时减去一个固定的像素值。

类似地，我们还可以使用`[style.height]`绑定属性来计算高度，例如：

<div [style.height]="calc(100% - {{ variable }}px)">
  ...
</div>

这将使这个div的高度总是占满父元素的空间，同时减去一个固定的像素值。

相关问题

angular中calc怎么绑定data中的变量数值

可以通过使用双向数据绑定来将data中的变量数值绑定到calc中。

例如，如果想要将data中的变量number1、number2和total绑定到calc中，可以这样写：

在HTML中：

<input type="number" [(ngModel)]="number1">
<input type="number" [(ngModel)]="number2">

<button (click)="calculate()">Calculate</button>

<p>Total: {{total}}</p>

在组件中：

export class MyComponent {
  number1: number = 0;
  number2: number = 0;
  total: number = 0;

  calculate() {
    this.total = this.number1 + this.number2;
  }
}

这样，在输入框中输入数值后，点击计算按钮，就会将number1和number2的值相加，然后将结果绑定到total中，并在页面上显示出来。每当输入框中的数值发生变化时，total也会相应地更新。