https://github.com/adisreyaj/angular-directives-showcase

An example repo to showcase some use cases for directives in Angular
https://github.com/adisreyaj/angular-directives-showcase

angular directives examples

Last synced: 2 months ago
JSON representation

An example repo to showcase some use cases for directives in Angular

• Host: GitHub
• URL: https://github.com/adisreyaj/angular-directives-showcase
• Owner: adisreyaj
• License: mit
• Created: 2021-06-14T16:28:49.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-17T10:17:18.000Z (over 3 years ago)
• Last Synced: 2024-10-31T10:44:03.928Z (2 months ago)
• Topics: angular, directives, examples
• Language: TypeScript
• Homepage: https://ng-directives.vercel.app
• Size: 1.59 MB
• Stars: 19
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Angular Directive Showcase



  

  

  



A collection of directives that can be used in different scenarios. See how to extract

away the extra logics from components to have a more maintainable and reusable code.

![Angular Directives Showcase](./docs/assets/feature-image.jpg)

## Examples Showcased

1. Delta Value Arrow

1. Full-screen Toggle

1. Permission

1. Highlight Text

1. Long Press Directive

1. Badge Directive

1. Table Sort Directive

Each directive has a dedicated page where the code is also displayed.

![Angular Directives Detail](./docs/assets/detail-page.jpg)

---

## Run Locally

#### 1. Download or Clone the repository

```sh

git clone https://github.com/adisreyaj/angular-directives-showcase.git

```

#### 2. Install dependencies

```sh

npm install

```

#### 3. Run application

```sh

npm start

```

#### 4. Open the URL in browser

```

http://localhost:4200

```

---

## Support

Don't forget to ⭐ the repository if you like it.