未定义用于自定义按钮单击的已激活路由

Question

一旦列模型可用，以下代码将实例化jqgrid以及自定义按钮。这工作正常。

@Component({
selector: 'somecomp',
templateUrl: './somecomp.component.html'
})
export class SomeComponent implements OnInit{
private _someService;
private _route;
constructor(someService:SomeService,route:ActivatedRoute){ 
this._someService = someService;
this._route = route;  
}
ngOnInit(){
this.someService.getColumnModel.subscribe(columnModel=>{
(<any>jQuery('#grid')).jqGrid({
colModel : columnModel,
caption : 'Data Grid',
url : "http://sampleurl.com/data"
});
//custom button
(<any>jQuery('#grid')).navButtonAdd("#pager",{
buttonicon:"ui-icon-add",
onClickButton : () => {
alert(this._route);//Route(...)
this._route.navigate(["/addPage"]); 
}   
});
...

单击此按钮时，它需要导航到另一个页面，如图所示。但是，该警报未定义，并将错误显示为Cannot read property 'navigate' of undefined。

如何确保this._route可用？

Answer 1

尝试替换：

function(){
alert(this._route);//undefined
this._route.navigate(["/addPage"]); 
}

跟：

() => {
alert(this._route);//undefined
this._route.navigate(["/addPage"]); 
}

否则this引用作为navButtonAdd函数的第二个参数传递的对象