我在第一页中有一个文本区域,当我转到下一页时,我需要在下一页中共享的记事本组件中显示该值,但同时当我首先在共享组件中写入新信息时我需要该值并且可以保存和显示新信息。我需要使用 angular2,但无法使用 github 中的任何内容。在此处输入图像描述
由于它不是父子关系,因此您可以使用共享服务并传递textarea
价值利用setter
and getter
.
Example:
表单.组件.ts:
@Component({
selector: 'form1-component',
template: `
<h3>Form 1</h3>
<textarea [(ngModel)]="input"></textarea>
<button (click)="save(input)">Save</button>
`,
})
export class Form1 {
input: any;
constructor(private appState: AppState){
}
save(val){
this.appState.setData(val);
}
}
共享.service.ts:
@Injectable()
export class AppState {
public formData;
setData(value){
this.formData = value;
}
getData(){
return this.formData;
}
}
其他.组件.ts:
@Component({
selector: 'summary',
template: `
<h3>Summary From Form 1</h3>
<div>{{data}}</div>
`,
})
export class Summary {
data: any;
constructor(private appState: AppState){
this.data = this.appState.getData();
}
}
笨蛋演示
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)