2017-09-13 171 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