Question

我的意图是只生成一个随机数，但即使没有刷新我的页面，它也会继续跳跃不同的随机数。

以下是我的代码：

random.ts

get random(){

var rand = Math.floor(Math.random()*20)+1;

return rand;       
}

random.html

ion-card-content class="random"> {{random}} /ion-card-content>

有没有办法只生成随机数？

Answer 1

你必须永远不要像在Angular插值中那样调用方法。因为它会在Angular的每次更改检测生命周期时执行。所以你可以这样做：

.TS

myRand: number;

ionViewDidEnter() {
   this.myRand=this.random();
  }

 random(): number {
   let rand = Math.floor(Math.random()*20)+1;
   return rand;       
}

html的

<p> {{myRand}} </p>

数字继续产生离子3

1 个答案: