調用routingService在javascript函數中導航時發出的問題

我有一種綁定到我的角度組件的方法，名爲onCellPrepared 我在方法中使用jquery附加了span標記，在span標記的onclick事件內我想調用一種角色服務將路線導航到另一個頁面？調用routingService在javascript函數中導航時發出的問題

如何在我的javascript方法中調用角度服務。目前它顯示錯誤當我打電話this.routerService.navigate(...)

我可以路由通過Java腳本設置頁面應該導航點擊跨度區域，它仍然應該通過角度路由配置。

onCellPrepared(e:any) { 
    if (e.cell && e.cell.type == "D") { 
    $('<span>') 
     .addClass('fa fa-cog') 
     .click(function(arg) { 
     sessionStorage.setItem("filter", 
      JSON.stringify([e.cell.path])); 
     this.routerService.navigate(["reconciliation-detail"]); 
     }) 
    .appendTo(e.cellElement); 
    } 
}

來源

2017-09-27 megan

，你可以把這些代碼也將使用角時，jQuery是不建議反引號 – rjustin

的資源。您可以使用括號捕獲事件 – rjustin

不要將您與我的最後一條評論混淆，但我的建議是在html模板中捕獲click事件（click）=「callbackfunction（）」，並在callbackfunction（）中執行任何驗證檢查。。否則，我提供了一個可能有所幫助的答案。 – rjustin

你有這個問題從this背景造成的。

內的點擊回調函數this的並不是指你的類，並不包含路由器服務，它指的是在功能

爲了解決這個問題，你可以代替使用箭頭符號()=>{}function(){}。

使用箭頭符號停止一個this由該函數創建的上下文。

這裏是如何使用Arrow Notation

來源

2017-09-27 18:16:02 rjustin

rjustin這個作品!!!。感謝您指點我箭頭符號，直到現在我還沒有意識到這一點。 – megan

@megan這是一個有用的功能，但不是非常有名。 – rjustin

調用routingService在javascript函數中導航時發出的問題

回答

相關問題