{"_id":"@aviellv/angular-async-directive","_rev":"7-08b561233f86836854a3aedd73c11abc","time":{"1.0.1":"2019-03-17T19:48:48.578Z","created":"2019-03-17T19:49:12.949Z","1.0.0":"2019-03-17T19:49:13.287Z","modified":"2022-04-04T16:47:27.584Z"},"name":"@aviellv/angular-async-directive","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@aviellv/angular-async-directive","version":"1.0.0","description":"An angular (6+) directive for handling observables in a fluent way","main":"./dist/index.js","scripts":{"build":"tsc","prepare":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/avilv/angular-async-directive.git"},"keywords":["rxjs","rxjs6","rxjs6+","rxjs-pipe","pipe","rxjs6-pipe","rxjs6+-pipe","rxjs-async-request","async-request","async","observable"],"author":{"name":"Aviel Lavie","email":"avielbt@gmail.com"},"license":"Apache-2.0","bugs":{"url":"https://github.com/avilv/angular-async-directive/issues"},"homepage":"https://github.com/avilv/angular-async-directive#readme","dependencies":{"@angular/core":"^6.1.10","@aviellv/async-request-rxjs-pipe":"^1.0.1"},"devDependencies":{"@types/jest":"^23.3.14","@types/node":"^10.9.1","del-cli":"^1.1.0","jest":"^23.5.0","jest-preset-typescript":"^1.2.0","ts-jest":"^23.10.5","typescript":"^3.0.1"},"gitHead":"42407abeb91a78f309a2df4ce4fd673bb29fa872","_id":"@aviellv/angular-async-directive@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.14.2","_npmUser":{"name":"aviellv","email":"avielbt@gmail.com"},"dist":{"integrity":"sha512-D97Od7vws1SQZLD2htewQM6j9BXVLX8klwcDj1Ul6eBQWE6oGuEMmNez4Fzk59U5LOQCITCve3nOymVzJNPpIA==","shasum":"bc8e5d8716ad562c7e3f31c78c343f29e31c8f5f","tarball":"https://registry.npmjs.org/@aviellv/angular-async-directive/-/angular-async-directive-1.0.0.tgz","fileCount":6,"unpackedSize":11722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcjqS5CRA9TVsSAnZWagAAz6YP/0tf2FntMN5jeZqgHANr\nugdMXrwvCIJMaPR946v9596aDtBypnZM+2GezzyyIBZNlPhybhQNW0oWQ63r\n/lDJlLFe5+5d57HnUV3voR7T02aOy1kSpPoVtyq5gd2C4CsziXKFbhRE+sWV\n24jvbx+VSQ3cKK2Ex+ieYclNzrnEFCeFlmGuOL1QpWr498ISb3A/90oFZBy0\nPJznE7KEOAsJz1e12nfleTTLayYhElIR6JqVR/P+mScYIlMTtrcVEEjzuVPJ\nFTPRd18wLwlNZcl2Qwac5qZCk4UOchq5EAac6ydalDGM3Bs2RQpyUtX133/o\nNjyj5s3cQhbKyzBWwdK1uxUkh0RV8l+n4NdVKNSVDDrVYyLFoG5cK16v/7HL\n8PqlhemDs98Et8+ivmDuD69zGQtTCrvial4cqKa3A6+K2BoSBgmmueKOxKdM\nqx5VxB9kJ2gAB2LFRS/xChAqohxeTFBScGry+N++cukUr8GZqC6R30Tewl6k\nkFAnjM7OgQ95/fO+FzL9626iMI8e5IQ0Ob5vrzAXwa3da+uQzuTArajie6AS\nmtMLvjeygcrMhL494yokcbTgx1t4804A/qA96ifbYrNTHNvW25aB88lExNb9\n+ZQit+OFknEKfpktwXR7jbLLZICw4S2jtsJrOw7qnI7Ok0a5umvVPPNIWgrc\nJArS\r\n=a3O/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXT7N0ke6cVnq188mqtrzT27r2VNIaZIZHTiPEBKsFOAIhAOO/iqSeg7bnxCZDHbvkzwio+yxfyT/qOZ/+q2j+Geb7"}]},"maintainers":[{"name":"aviellv","email":"avielbt@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-async-directive_1.0.0_1552852153148_0.5111932007113087"},"_hasShrinkwrap":false}},"maintainers":[{"name":"aviellv","email":"avielbt@gmail.com"}],"description":"An angular (6+) directive for handling observables in a fluent way","homepage":"https://github.com/avilv/angular-async-directive#readme","keywords":["rxjs","rxjs6","rxjs6+","rxjs-pipe","pipe","rxjs6-pipe","rxjs6+-pipe","rxjs-async-request","async-request","async","observable"],"repository":{"type":"git","url":"git+https://github.com/avilv/angular-async-directive.git"},"author":{"name":"Aviel Lavie","email":"avielbt@gmail.com"},"bugs":{"url":"https://github.com/avilv/angular-async-directive/issues"},"license":"Apache-2.0","readme":"# angular-async-directive\r\n\r\n[![npm version](https://badge.fury.io/js/%40aviellv%2Fangular-async-directive.svg)](https://badge.fury.io/js/%40aviellv%2Fangular-async-directive)\r\n[![Build Status](https://travis-ci.org/avilv/angular-async-directive.svg?branch=master)](https://travis-ci.org/avilv/angular-async-directive)\r\n\r\nAn angular (6+) directive for handling asynchronous requests (observables) in a fluent way\r\n\r\n## Motivation\r\n\r\nA common use case for consuming async streams is displaying a loading animation, the data itself on success or a failure message when it errors.\r\nThis directive is meant to ease this process and allow a quick way to handle all three states (loading,success,failure).\r\n\r\n## Example usage\r\n \r\n \r\n```ts\r\n\r\n    this.httpQuery$ = this.http.get<string>(\"./api/text\");\r\n    \r\n```\r\n\r\n```html\r\n\r\n    <ng-container [ngAwait]=\"httpQuery$\">\r\n      <ng-container *ngAwaitLoading>loading..</ng-container>   \r\n      <ng-container *ngAwaitSuccess=\"let data\"> data result: {{ data }}</ng-container> \r\n      <ng-container *ngAwaitFailure=\"let error\"> error has occured: {{ error.message }}</ng-container>\r\n    </ng-container>\r\n\r\n```\r\n","readmeFilename":"README.md"}