在 angular 中获取数据时出现错误

Question

TS2345: Argument of type (id: number; name: string; price: mumberg Storage: number; ) is not assignable to parameter of type 'null'.

<button class="btn btn-primary" (click)-"openForm(mobile)">Edit</button>

app.component.html

<tr *ngFor="let mobile of mobiles">
   <td>{{ mobile.id }}</td>
   <td>{{ mobile.name}}</td>
   <td>{{ mobile.price }}</td> <td>{{ mobile.ram }}</td>
   <td>((mobile.Storage }}</td> 
<td>

<button class="btn tn-primary" (click)="openForm (mobile)">Edit</

App.component.ts

If(data){
  this.mobileId=data.id;
  this.mobileName=data.name;
  this.mobileprice=data.price:
  this.mobileRam=data.ram;
  this.mobileStorage=data.Storage;
}

Answer 1

You have to check the parameter type of the function and make ensure that is in the correct type. If it is supposed to be an object, ensure that the properties of the object match the expected properties in the function's definition you can also try to define the type of data as data: any .

Answer 2

The error message is saying that the argument provided to the function openForm is not assignable to the parameter, which is expected to be of type null.

In the HTML code, there is a typo in the button's click event. It has a hyphen ((click)-) instead of an equal sign ((click)). Also, the closing tag for the button is missing the > character.

In the TypeScript code, there is a syntax error in the if statement. There is a colon (:) at the end of the line this.mobileprice=data.price:, which is not valid syntax.

Here's the corrected code:

app.component.html:

<button class="btn btn-primary" (click)="openForm(mobile)">Edit</button>

app.component.ts:

if(data){
  this.mobileId=data.id;
  this.mobileName=data.name;
  this.mobileprice=data.price;
  this.mobileRam=data.ram;
  this.mobileStorage=data.Storage;
}