[英]Angular2/Typescript: access instance variable from the chaining observable function
[英]Unable to access angular2 services from a function
无法从else条件中具有的function()访问我的服务。.我在浏览器终端中得到的只是“ TypeError:this._hitoService is undefined”。 当执行else条件时,我需要使用服务获取数据。 我该怎么办?
@Component({
selector: 'app-time-line',
templateUrl: './time-line.component.html',
styleUrls: ['./time-line.component.css'],
providers: [HitoService],
entryComponents: [FormHitoComponent]
})
export class TimeLineComponent implements OnInit, OnChanges {
@Input() calbuscador: String;
nom_cal1: any;
hito1: IHito[];
hito: any;
constructor(private _hitoService: HitoService) { }
ngOnInit() {
}
ngOnChanges(){
if (typeof this.calbuscador === "undefined"){
swal("Atencion!", "Busca un calendario con el buscador del Side Menu", "error")
}
else{
this.nom_cal1 = this.calbuscador;
swal({
title: "Are you sure?",
text: "Se cargara el calendario : " + this.calbuscador,
type: "warning",
showCancelButton: true,
confirmButtonColor: '#DD6B55',
confirmButtonText: 'Yes, I am sure!',
cancelButtonText: "No, cancel it!",
closeOnConfirm: false,
closeOnCancel: false
}, function(isConfirm) {
if (isConfirm) {
swal({
title: 'Cargando timeline!',
text: 'Cargando el Calendario en el Timline con sus hitos!',
type: 'success'
}, function() {
this._hitoService.getHitos()
.subscribe(hito1 =>{
this.hito1 = hito1
console.log(this.hito1); // defined!
console.log("nomcal1" + this.nom_cal1);
if (typeof this.nom_cal1 === "undefined"){
swal("Atencion!", "Busca un calendario con el buscador del Side Menu")
}else{
drawtimeline1_1(this.hito1, this.nom_cal1);
}
});
});
} else {
swal("Cancelled", "No se cargara el Timeline :)", "error");
}
});
}
}
许多例子都存在相同的问题。 凭经验,切勿在TypeScript
的类内部使用function
关键字。 这将用当前函数范围的上下文替换this
上下文。 始终使用() => {}
表示法:
swal({
...
}, (isConfirm) => {
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.