Comments (10)
Looks good. Thank you!
from ng-doc.
Good catch thanks! I'll fix it right now
from ng-doc.
🎉 This issue has been resolved in version 15.7.10 🎉
The release is available on:
v15.7.10
- GitHub release
Your semantic-release bot 📦🚀
from ng-doc.
Thanks for the quick fix, but I think using replace()
here is not a good idea because my API scope is also the same string as my baseHref, so this breaks links to API pages.
from ng-doc.
And even if I change the API scope name, links generated from markdown (e.g. to API pages) do not work when opening them in a new tab
from ng-doc.
Ah I see, ok let me think about a better solution maybe I will be able to prepare HTML and update href
attributes on the builder side
from ng-doc.
I found a solution that I had considered during development but decided against because I thought it was unnecessary. However, now I see that it is necessary.
The problem was that although the handler used Angular Router, when hovering over a link, an incorrect address was still displayed because the actual address in the href
attribute was not changing. It was only modified when attempting to navigate to the link.
I removed the code in NgDocRootComponent
that handled link clicks, which sometimes intercepted clicks on links created using routerLink
, leading to unexpected consequences if the URL was not properly processed, or if clicks on links in the demo were being handled when they shouldn't be.
I could have modified these links on the builder side, but that wouldn't have solved the problem of click handling in NgDocRootComponent
.
Solution:
NgDoc has a mechanism for processors, which I use to convert certain HTML elements created using innerHTML
into Angular components. Therefore, I added a new processor for links that wraps each link on the page in NgDocPageLinkComponent
.
NgDocPageLinkComponent
uses the routerLink
directive, which you know modifies the link passed to it by adding baseHref
, so everything should work natively through Angular Router without creating problems with baseHref
.
from ng-doc.
🎉 This issue has been resolved in version 15.7.11 🎉
The release is available on:
v15.7.11
- GitHub release
Your semantic-release bot 📦🚀
from ng-doc.
Sry, I added another fix, I forgot about links in code examples and demos that are generated based on keywords
from ng-doc.
🎉 This issue has been resolved in version 15.7.12 🎉
The release is available on:
v15.7.12
- GitHub release
Your semantic-release bot 📦🚀
from ng-doc.
Related Issues (20)
- [Bug] Import of prettier plugin HOT 6
- [Feature] Better automatic recognition of input signals for playground HOT 4
- [Bug] Playground 'recreate' doesn't seem to be working HOT 4
- [Docs] Language bug and information about input signals HOT 1
- [Feature] Preview for SCSS if it is defined via styleUrl property HOT 2
- [Feature] Category and Page combined HOT 5
- [Feature] Display method overloads HOT 1
- [Bug] Playground Feature Not Working HOT 2
- Amazing Work HOT 1
- [Feature] Use Relative Import Path in Generated Code HOT 3
- [Bug] `@ng-doc/builder:dev-server` Schema Validation Error When the `ngDoc` Propertiy is Provided HOT 15
- [Feature] Support `.js` Version of Ng Doc Configuration File HOT 4
- [Feature] Use Dark Theme by Default HOT 7
- [Docs] Update ng-doc path in docs HOT 2
- [Feature] Remove Google Fonts HOT 4
- [Bug] ng-doc.routing.ts incorrect generated import HOT 5
- [Bug] input aliasing decorator selector not rendered correctly HOT 4
- [Feature] Support template variables for inputs HOT 11
- [Bug] hidden: true in NgDocPage-Config does not avoid displaying a component in the navigation. HOT 7
- [Bug] Table of contents link does not work properly with basehref HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ng-doc.