2017-09-13 172 views
1

我的意图是只产生一个随机数,但它不断刷新我的网页,不断跳上不同的随机数。号码继续产生离子3

这里是我的代码:

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> 

有什么办法,只是在随机数产生?

+0

你能更具体?随机数的期望寿命是什么 - 每次使用你的程序的人每次都得到相同的数字(在这种情况下,你应该掷骰子并硬编码);或者任何使用您程序的人都会获得相同的程序随机数,但每次使用都不相同?在这种情况下,你需要一个静态对象。随机数可能是全局的,并且在初始化期间只设置一次。 – jwimberley

+0

我打算每页生成一个随机数,因为我正在执行一个需要客户队列号的订购应用程序。 – Colin

回答

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> 
+1

非常感谢你帮助我,我对离子3很有新意,所以如果我的编码有点糟糕,请原谅我。再次感谢你! – Colin

+0

热烈欢迎您:) – Sampath