question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ngx-quicklink works for simple links and seems to skip other

See original GitHub issue

ngx-quicklink works for simple links but seems to skip links like the one below:

<mat-card class="mb25 pt0 pb0 pl0 pr0">
    <div fxLayout="row wrap" class="list-dashboard-actions">
        <div fxFlex fxFlex.xs="50">
            <a mat-ripple title="Post a Article" [routerLink]="['./atricles/new/']">
                <i class="material-icons">assignment</i>
                <div class="title">Post Article</div>
            </a>
        </div>
    </div>
</mat-card>

Here’s the generated markup:

<div fxflex="" fxflex.xs="50" style="flex: 1 1 0%; box-sizing: border-box;"><a class="mat-ripple" mat-ripple="" title="Post a New Article" href="https://www.mywebsite.com/atricles/new"><i class="material-icons">assignment</i><div class="title">Post Article</div></a></div>

In my case these links are above the fold, but it still doesn’t prefetch bundles for these links.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
mgechevcommented, Aug 20, 2019

@naveedahmed1 pinged you over email, we can keep the conversation there 😃

1reaction
mgechevcommented, Aug 20, 2019

@naveedahmed1, side note, it’s impressive to see you running 9.0.0-next.2!

Read more comments on GitHub >

github_iconTop Results From Across the Web

mgechev/ngx-quicklink - GitHub
It provides router preloading strategy which automatically downloads the lazy-loaded modules associated with all the visible links on the screen. How it works....
Read more >
Route preloading strategies in Angular - web.dev
Using the Quicklink preloading strategy across multiple lazy-loaded modules #. The above example will work for a basic application but if your ...
Read more >
Angular quicklink Preloading Strategy - Minko Gechev
quicklink is a project which implements this algorithm! The library prefetches the content associated with all links currently visible on ...
Read more >
Lazy-Loading Auxiliary Routes with Angular — Why and How
Auxiliary Routes are independent, secondary routes that can be added to a page along with a primary route. As an example, we can...
Read more >
Optimising Angular Performance with Lazy loading and ...
Implement ngx-quicklink: router preloading strategy which automatically downloads the lazy-loaded modules associated with all the visible links ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found