Question

我有这个应用程序，我想动态更新标记为Input的变量。

在我的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也会发生变化，而不必重新加载。

我怎样才能做到这一点？

Answer 1

您可以按原样保留HTML，在@Input set currentTitle(value: string) { if(value != undefined){ this._currentTitle = value; } } _currentTitle: string中，您应该将变量更改为如下所示：

_currentTitle

现在使用您的currentTitle代替_currentTitle（或者将HTML更改为marginLeft并交换变量名。）

Ionic 2 - 更新原始值更改时的输入值

1 个答案: