2016-11-15 37 views
1

我有這個應用程序,我想動態更新標記爲Input的變量。Ionic 2 - 更新原始值變化的輸入值

在我的TS我有這樣的事情:

@Component({ 
    selector: 'page2', 
    templateUrl: 'page2.html', 
    inputs: ['currentTitle'] 
}) 
export class Page2 { 
    currentTitle: string; 

    constructor() { 
    console.log(currentTitle); 
    } 
} 

,在我父頁面的HTML:

<page1 [example]="post.title"></page1> 

現在我知道currentUsername不會在構造函數中加載,但只是爲了演示目的。

我想要的是,如果post.title發生變化,currentTitle也會發生變化,而無需重新加載。

我該如何做到這一點?

回答

2

您可以留下您的HTML作爲就是在你的ts你應該改變你的變量,如下所示:

@Input set currentTitle(value: string) { 
    if(value != undefined){ 
     this._currentTitle = value; 
    } 
} 

_currentTitle: string 

現在用你的_currentTitle代替currentTitle(或做更改HTML到_currentTitle和交換可變名稱)。