https://github.com/ngneat/subscribe

Subscription Handling Directive
https://github.com/ngneat/subscribe

angular subscribe subscription template

Last synced: 5 months ago
JSON representation

Subscription Handling Directive

• Host: GitHub
• URL: https://github.com/ngneat/subscribe
• Owner: ngneat
• License: mit
• Created: 2021-01-16T18:00:16.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-11-30T07:37:23.000Z (almost 3 years ago)
• Last Synced: 2025-04-29T21:23:54.378Z (5 months ago)
• Topics: angular, subscribe, subscription, template
• Language: TypeScript
• Homepage: https://netbasal.com/diy-subscription-handling-directive-in-angular-c8f6e762697f
• Size: 1.49 MB
• Stars: 35
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
[![MIT](https://img.shields.io/packagist/l/doctrine/orm.svg?style=flat-square)]()

[![commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)]()

[![PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)]()

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-1)

[![ngneat](https://img.shields.io/badge/@-ngneat-383636?style=flat-square&labelColor=8f68d4)](https://github.com/ngneat/)

[![spectator](https://img.shields.io/badge/tested%20with-spectator-2196F3.svg?style=flat-square)]()

>  Subscription Handling Directive

## Installation

`npm install @ngneat/subscribe`

## Usage

Now we can import the `SubscribeDirective` and use the `subscribe` directive in our template:

```ts

import { SubscribeDirective } from '@ngneat/subscribe';

@Component({

  imports: [SubscribeDirective],

  template: `

    

      {{ users | json }}

      {{ error }}

    

  `

})

class MyComponent {

  users$ = inject(UserService).getUsers();

}

```