离子项滑动不适用于动态值

时间:2018-03-06 05:56:18

标签: angular ionic-framework ionic2 ionic3

我使用<ion-item-sliding>来显示一些随机值,并且在滑动时想要执行某些操作。我的代码如下

TS代码

getRandomInt(min, max) {
this.number = []
for (let i = 0; i < 10; i++) {
  let number = Math.floor(Math.random() * (max - min + 1)) + min;
  this.number.push({ scripname: 'SBIN' + (i + 1), ltp: number })
}


 }

  ionViewDidLoad() {
    Observable.interval(1000).subscribe(x => {
      this.getRandomInt(1, 101)
    });
  }

Html代码

<ion-list>
<ion-item-sliding *ngFor="let item of number">
  <ion-item>
    {{item.scripname}}
    <ion-badge item-end>{{item.ltp}}</ion-badge>
  </ion-item>
  <ion-item-options side="right">
    <button ion-button color="primary">
      Buy
    </button>
    <button ion-button color="secondary">
      Sell
    </button>
  </ion-item-options>
</ion-item-sliding>

我的输出为

Output

当我滑动它时显示我的选项但是一旦值改变,按钮就会消失。

请帮我解决这个问题。提前致谢。

0 个答案:

没有答案