如何解决 Angular 14 中的错误“类型‘字符串’无法分配给类型‘数字’”？

Question

我最近开始学习使用 Angular 14，但是我遇到了一个问题。我想使用在组件中创建的属性“total”，但收到错误“类型‘字符串’不可分配给类型‘数字’”。

app.component.html代码是：

<div>
  <app-header></app-header>
  <app-total mensaje="Total por pagar: " total="5000"></app-total>
  <app-items></app-items>
</div>

虽然组件具有“total”属性，total.component.ts 是：

import { Component, Input, OnInit } from '@angular/core';

@Component({
  selector: 'app-total',
  templateUrl: './total.component.html',
  styleUrls: ['./total.component.css']
})
export class TotalComponent implements OnInit {

  @Input() total:number = 0;
  @Input() mensaje:string = '';

  constructor() { }

  ngOnInit(): void {
  }
}

Answer 1

您需要使用属性绑定语法将值计算为数字：

<app-total mensaje="Total por pagar: " [total]="5000"></app-total>