ngx-autolinked

An Angular 4+ Component to parse links (urls ,emails ,phones ,hashtags and mentions ) in text into clickable links

Examples

You can find live examples/demo here

Installation

To use ngx-autolinked in your project, install it via npm:

$ npm install ngx-autolinked --save

Usage

Import the NgxAutolinkedModule from ngx-autolinked into your app :

Once the library is imported, you can use the ngx-autolinked component in your Angular application:

 
import { NgxAutolinkedModule } from 'ngx-autolinked';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxAutolinkedModule,
   
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Then in your component

 
import { Component } from '@angular/core';
 
@Component({
  selector: 'app-root',
  template: ` 
    <div>
      <ngx-autolinked>
        <p>https://www.techiediaries.com </p>
      </ngx-autolinked>
    </div>
  `,
  styles: []
})
export class AppComponent {
}
 

Development

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint

License

MIT © Techiediaries