An Angular library that creates a bootstrap inspired popup card when hovering over a link based on the metadata retrieved from the URL.
The popup information is generated using the Open Graph protocol properties from <meta>
tags. OG properties used:
og:site_name
og:title
og:image
og:description
The tags are retrieved using jQuery which is a required dependency.
Using npm:
npm install ng-hyped-link
Import the module in your app.module.ts
file:
import { NgHypedLinkModule } from 'ng-hyped-link';
@NgModule({
imports: [
NgHypedLinkModule
],
})
Use the component in the template file:
Click <ng-hyped-link targetUrl="https://github.com/deandum" target="_blank">here</ng-hyped-link> to see my cool link.
targetUrl
: the URL to redirect to when clickedtarget
: the equivalent of atarget
attribute when using the<a>
tag
MIT © Dean Dumitru