在core.js文件的setHostBindingsByExecutingExpandoInstructions(tView, lView)函數里設置斷點：

進入fesm2015/router.js里：

RouterLinkWithHref.?dir = ?ngcc0.??defineDirective({ type: RouterLinkWithHref, selectors: [["a", "routerLink", ""], ["area", "routerLink", ""]], hostVars: 2, hostBindings: function RouterLinkWithHref_HostBindings(rf, ctx) { if (rf & 1) {?ngcc0.??listener("click", function RouterLinkWithHref_click_HostBindingHandler($event) { return ctx.onClick($event.button, $event.ctrlKey, $event.shiftKey, $event.altKey, $event.metaKey); });} if (rf & 2) {?ngcc0.??hostProperty("href", ctx.href, ?ngcc0.??sanitizeUrl);?ngcc0.??attribute("target", ctx.target);} }, inputs: { routerLink: "routerLink", preserveQueryParams: "preserveQueryParams", target: "target", queryParams: "queryParams", fragment: "fragment", queryParamsHandling: "queryParamsHandling", preserveFragment: "preserveFragment", skipLocationChange: "skipLocationChange", replaceUrl: "replaceUrl", state: "state" }, features: [?ngcc0.??NgOnChangesFeature] }); RouterLinkWithHref.ctorParameters = () => [{ type: Router },{ type: ActivatedRoute },{ type: LocationStrategy } ];

RouterLinkWithHref里，設置hostProperty：

使用renderer給a標簽設置href屬性：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的想调试Angular框架的@HostBinding，应该在哪里设置断点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。