如何在Angular7中使用组件中的变量
如何在Angular7中使用组件中的变量
提问于 2019-07-25 23:35:37
我想知道是否有可能使用一个组件的变量值到另一个组件，而不需要使用第一个组件的模板，只需要变量的值nothing else.The problem，当我更改变量的值时，它会出现问题，当我导入它时，值不会改变。有可能吗？
我尝试使用this.fotoTobillo.imageTobillo和get方法导入变量，但结果是相同的
FotoTobilloPage.ts
export class FotoTobilloPage implements OnInit {
imageTobillo: string;
constructor(private camera: Camera) {
}
ngOnInit() {
}
public getimageTobillo() {
return this.imageTobillo;
}
public onClick() {
this.imageTobillo = 'NewValue';
}
}FormularioPage.ts
export class FormularioPage implements OnInit {
imagenPie: string;
imagenTobillo: string;
constructor( private fotoTobillo: FotoTobilloPage ) {
this.imagenTobillo = this.fotoTobillo.getimageTobillo;
console.log(this.imagenTobillo);
}
ngOnInit() {
console.log(this.imagenTobillo);
}
}我希望可以更改FotoTobilloPage.imageTobillo的值，并在FormularioPage中获得该值
回答 1
Stack Overflow用户
发布于 2019-07-26 00:05:01
如果您想通过在constructor中注入该方法来从component访问该方法，则只需创建一个服务。
import {Injectable} from '@angular/core';
@Injectable()
export class FotoTobilloService {
imageTobillo: string;
constructor(private camera: Camera) {
}
getimageTobillo() {
return this.imageTobillo;
}
public onClick() {
this.imageTobillo = 'NewValue';
}
}将上述代码保存在.ts文件中。将其添加到app.module.ts中的provider数组中。
然后在你的component中import这个类来使用它...
export class FormularioPage implements OnInit {
imagenPie: string;
imagenTobillo: string;
constructor( private fotoTobillo: FotoTobilloService ) {
this.imagenTobillo = this.fotoTobillo.getimageTobillo();
console.log(this.imagenTobillo);
}
ngOnInit() {
console.log(this.imagenTobillo);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57205685
复制相关文章
相似问题
腾讯云开发者
