https://github.com/techiediaries/ngx-autolinked
An Angular 4+ Component to parse links (urls ,emails ,phones ,hashtags and mentions ) in text into clickable links
https://github.com/techiediaries/ngx-autolinked
Last synced: 18 days ago
JSON representation
An Angular 4+ Component to parse links (urls ,emails ,phones ,hashtags and mentions ) in text into clickable links
- Host: GitHub
- URL: https://github.com/techiediaries/ngx-autolinked
- Owner: techiediaries
- Created: 2017-06-09T23:04:16.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-06-09T23:07:27.000Z (about 9 years ago)
- Last Synced: 2025-10-28T02:24:05.051Z (8 months ago)
- Language: JavaScript
- Size: 75.2 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# 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](https://www.techiediaries.com/demos/ngx-autolinked/)
## Installation
To use ngx-autolinked in your project, install it via npm:
```bash
$ 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:
```xml
import { NgxAutolinkedModule } from 'ngx-autolinked';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
NgxAutolinkedModule,
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
Then in your component
```xml
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
https://www.techiediaries.com
`,
styles: []
})
export class AppComponent {
}
```
## Development
To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:
```bash
$ npm run build
```
To lint all `*.ts` files:
```bash
$ npm run lint
```
## License
MIT © [Techiediaries](mailto:techiediaries9@gmail.com)