错误 TS2322：类型 'number' 不可分配给类型 'string'。 [当前价格]="listing.price"

Question

在我的个人项目中，我遇到了一个错误。

基本上，我想在编辑列表-component.html 的输入字段中自动填充我拥有的当前数据。为此，我创建了一个名为 Listing-data-form-component 的父组件，并带有 @input 标签

@Input() currentName = '';
@Input() currentDescription = '';
@Input() currentPrice = '';

这里是 link
https://github.com/abhijitutkarsh/buyandsell/blob/last-update/src/app/listing-data-form/listing-data-form.component.ts

在编辑列表中-component.html 我调用它，link 这里是代码
https://github.com/abhijitutkarsh/buyandsell/blob/last-update/src/app/edit-listing-page/edit-listing-page.component.html

问题是，我的 currentName 和 currentDesciption 工作得很好，数据正在自动填充，因为它们是字符串
问题出在 currentPrice 上，因为它是数字....我无法确定如何解决这个问题

Error 
error TS2322: Type 'number' is not assignable to type 'string'.

7     [currentPrice]="listing.price"
       ~~~~~~~~~~~~

  src/app/edit-listing-page/edit-listing-page.component.ts:8:16
    8   templateUrl: './edit-listing-page.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component EditListingPageComponent.

请帮忙

Answer 1

你这样试试

   @Input() currentPrice: number;
   or 
   @Input() currentPrice = 0;

错误 TS2322：类型 'number' 不可分配给类型 'string'。 [当前价格]="listing.price"

error TS2322: Type 'number' is not assignable to type 'string'. [currentPrice]="listing.price"

angular

typescript