如何将数据从组件发送到模块？
如何将数据从组件发送到模块？
提问于 2019-05-29 07:27:32
我有一个组件，其中我有flagPerfil变量，我需要将这个变量发送到我的模块。
我的服务
export class ListUserService {
public flagPerfil = boolean;
changeFlagPerfil() {
console.log('EEE' + this.flagPerfil);
this.flagPerfil ? this.flagPerfil = false : this.flagPerfil = true;
}组件类：
@Component({
selector: 'app-list-user',
templateUrl: './list-user.component.html',
styleUrls: ['./list-user.component.scss'],
providers: [ListUserService]
})
export class ListUserComponent implements OnInit {
private flagPerfil = false;
getFlag() {
return this.flagPerfil;
}这是视图list-user.component.html
<span *ngIf="!flagPerfil">
<input type="button" id="usuarios" name="more" (click)="changeFlagPerfil()"
value="Amigos">
</span>我有一个模块，我想在模块中注入服务，因为我需要FlagProfile变量
@NgModule({
imports: [
IonicModule,
CommonModule,
FormsModule,
RouterModule.forChild([{path: '', component: Tab1Page}])
],
declarations: [Tab1Page, ListUserComponent, FriendsComponent]
})
export class Tab1PageModule {
public flagPerfil: boolean;
constructor(private listUserService: ListUserService) {
this.flagPerfil = listUserService.flagPerfil;
console.log('FLAG', listUserService.flagPerfil);
}
}如何使用事件Emit？
我需要该模块自动听到该变量的更改
回答 2
Stack Overflow用户
发布于 2019-05-29 07:59:58
export class ListUserService {
public flag$ = new Subject< boolean >();
}
export class Tab1PageModule {
public flagPerfil: boolean;
constructor(private listUserService: ListUserService) {
listUserService.$flags.subscribe((flag)=>{
console.log('FLAG', flag;
this.flagPerfil = flag;
});
}
}
export class ListUserComponent implements OnInit {
private flagPerfil = false;
getFlag() {
return this.flagPerfil;
}
constructor(private listUserService: ListUserService) {
}
functionThatGetsCalledWhenTheFlagIsChanged(){
this.listUserService.flags$.next(this.flagPerfil);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56351238
复制相关文章
相似问题