ionic 4如何在模态内部显示更新的数据而不刷新

Question

我正在将数据更新到数据库中，但是如果不刷新就无法显示更新的数据。场景是用户使用select更改变量'quantity'，然后此数量在数据库中成功更新，现在我想显示价格，如

p.price * p.quantity

无需刷新页面，因为这是在模式内发生的。任何人都可以帮助我实现这一目标。谢谢

html

 <ion-list>
  <ion-item *ngFor="let p of cart ;  let i=index" class="ion-text-wrap">

      <ion-grid>
        <ion-row class="ion-align-items-center">

          <ion-col size ="6">
            <ion-img class="img" [src]='p.product.image_url'></ion-img>
          </ion-col>


          <ion-col size ="6">

            <ion-row size="3">
              <b>{{p.product.name}}</b>

            </ion-row>

            <br>

            <ion-row>

              <select style="max-width:50%;" (change)="onChange($event.target.value, p) " [value]=p.quantity  > 

                <option  [ngValue] = "q" *ngFor ="let q of quantity" >{{q}}</option>
                </select>
                &nbsp; {{p.product.unit}}


          </ion-row>

            <br>
            <ion-row class="ion-text-end"> 
              {{ p.price * p.quantity | currency:'INR' }}


            </ion-row>
      </ion-item>
      </ion-list>

ts

onChange(new_quantity,object  ) {

    console.log("Quantity new " + new_quantity)
    console.log("price per kg "  + object.price)
    console.log("Quantity Old " + object.quantity)
    console.log("cart_id " + object.cart_id)


    let cart = {
      cart_id : object.cart_id,
      date : new Date,
      quantity : Number (new_quantity),
      price : object.price,
      user_id : object.user_id,
      product_id : object.product_id
    }

    console.log(cart)

    this.cartService.updatecartItem(object.cart_id, cart).subscribe(data =>{
      console.log(data)
    })
  }

Answer 1

在行内使用span或p并具有[innerHTML]绑定...以示例Angular HTML binding为例检查此线程，请注意，并非每次都执行插值...每次都执行输入绑定值会更改，因此设置后它应该会更新