zl程序教程

您现在的位置是:首页 >  前端

当前栏目

通过单步调试理解Angular里routerLink指令实际url的生成逻辑

Angular逻辑调试 理解 生成 通过 url 指令
2023-09-14 09:04:03 时间

My Analysis

I set a breakpoint in function generateUrlPart in file Spartacus-core.js:

For every path stored in routeConfig.paths, this function evaluates if route parameter passed by developers in can match ALL.

Since I only specify “code” in my custom component template html,

the evaulation will fail of course, as no counterpart exists for another parameter “name”:

solution

After I add the other necessary route parameter nameForUrl: ‘Jerry’ in my html:

this time function generateUrlPart can return the expected result:

This time route works since the static url is generated successfully and contained in the rendered html.

要获取更多Jerry的原创文章,请关注公众号"汪子熙":