时间戳

首页 > 解决方案 > ActivatedRoute 未定义自定义按钮单击

angular - ActivatedRoute 未定义自定义按钮单击

问题描述

jqgrid一旦 columnModel 可用，以下代码将与自定义按钮一起实例化。这工作正常。

    @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可用？

标签： angularjqgrid

解决方案

尝试替换：

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

和：

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

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

推荐阅读