Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/angular-package/angular-package

Useful packages based on angular.io.
https://github.com/angular-package/angular-package

angular angular5 javascript package typescript web

Last synced: 2 months ago
JSON representation

Useful packages based on angular.io.

Awesome Lists containing this project

README 

        
# angular-package






The angular-package supports the development process of [angular][angulario]-based applications in varied ways through the thoughtful, reusable, easy-to-use small pieces of code called packages.



[**docs.angular-package.dev**](https://docs.angular-package.dev)







## Packages



| Package                                      | Description                                                       | Status |

| :------------------------------------------- | :---------------------------------------------------------------- | -----: |

| [callback][callback-github-readme]           | Manages the callback [`function`][js-function].                   | [![npm version][callback-npm-badge-png]][callback-npm-badge] |

| [change-detection][cd-github-readme]         | Improves application performance.                                 | [![npm version][cd-npm-badge-png]][cd-npm-badge] |

| [component-loader][cl-github-readme]         | Handles dynamic loading components.                               | [![npm version][cl-npm-badge-png]][cl-npm-badge] |

| [core][core-github-readme]                   | Core features.                                                    | [![npm version][core-npm-badge-png]][core-npm-badge] |

| [error][error-github-readme]                 | Manages an [`Error`][js-error].                                   | [![npm version][error-npm-badge-png]][error-npm-badge] |

| [name][name-github-readme]                   | The name with prefix and suffix.                                  | [![npm version][name-npm-badge-png]][name-npm-badge] |

| [preferences][preferences-github-readme]     | Preferences, settings, options, configuration and setup in steps. | [![npm version][preferences-npm-badge-png]][preferences-npm-badge] |

| [prism][prism-github-readme]                 | [`Prism`][prism-js] highlighter module.                           | [![npm version][prism-npm-badge-png]][prism-npm-badge] |

| [property][property-github-readme]           | Handles object properties.                                        | [![npm version][property-npm-badge-png]][property-npm-badge] |

| [range][range-github-readme]                 | The range between a minimum and maximum.                          | [![npm version][range-npm-badge-png]][range-npm-badge] |

| [reactive][reactive-github-readme]           | Automatize the process of creating some rxjs features.            | [![npm version][reactive-npm-badge-png]][reactive-npm-badge] |

| [storage][storage-github-readme]             | The storage of data under allowed names.                          | [![npm version][storage-npm-badge-png]][storage-npm-badge] |

| [tag][tag-github-readme]                     | Any tag with optional attributes.                                 | [![npm version][tag-npm-badge-png]][tag-npm-badge] |

| [testing][testing-github-readme]             | Support for testing other packages.                               | [![npm version][testing-npm-badge-png]][testing-npm-badge] |

| [text][text-github-readme]                   | Text on the template with replaceable tags.                       | [![npm version][text-npm-badge-png]][text-npm-badge] |

| [type][type-github-readme]                   | Common types, type guards, and type checkers.                     | [![npm version][type-npm-badge-png]][type-npm-badge] |

| [ui][ui-github-readme]                       | Configurable user interface.                                      | [![npm version][ui-npm-badge-png]][ui-npm-badge] |

| [wrapper][wrapper-github-readme]             | Wrap the text with the opening and closing chars.                 | [![npm version][wrapper-npm-badge-png]][wrapper-npm-badge] |



Click on the package name to visit its [GitHub](https://github.com/) page.







## Development server



Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.



## Code scaffolding



Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.



## Build



Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.



## Running unit tests



Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).



## Running end-to-end tests



Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.



## Further help



To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.



[github-badge-sponsor]: https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&link=https://github.com/sponsors/angular-package

[github-sponsor-link]: https://github.com/sponsors/angular-package

[patreon-badge]: https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3Dsciborrudnicki%26type%3Dpatrons&style=flat

[patreon-link]: https://patreon.com/sciborrudnicki



[angulario]: https://angular.io

[skeleton]: https://github.com/angular-package/skeleton



[experimental]: https://img.shields.io/badge/-experimental-orange

[fix]: https://img.shields.io/badge/-fix-red

[new]: https://img.shields.io/badge/-new-green

[update]: https://img.shields.io/badge/-update-red



[discord-badge]: https://img.shields.io/discord/925168966098386944

[discord-channel]: https://discord.com/channels/925168966098386944/925168966098386948



[gitter-badge]: https://badges.gitter.im/angularpackage/Lobby.svg

[gitter-chat]: https://gitter.im/angularpackage/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge



[twitter-badge]: https://img.shields.io/twitter/url?style=social&label=Follow%20%40angularpackage&url=https%3A%2F%2Ftwitter.com%2Fangularpackage

[twitter-follow]: https://twitter.com/angularpackage



[git-semver]: http://semver.org/



[git-commit-angular]: https://gist.github.com/stephenparish/9941e89d80e2bc58a153

[git-commit-karma]: http://karma-runner.github.io/0.10/dev/git-commit-msg.html

[git-commit-conventional]: https://www.conventionalcommits.org/en/v1.0.0/



  

  [callback-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcallback.svg

  [callback-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcallback.png

  [callback-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcallback

  [callback-npm-readme]: https://www.npmjs.com/package/@angular-package/callback#readme



  

  [callback-github-readme]: https://github.com/angular-package/callback#readme



  [package-callback-callbackpayload]: https://github.com/angular-package/callback#callbackpayload

  [package-callback-resultcallback]: https://github.com/angular-package/callback#resultcallback



  

  [cd-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fchange-detection.svg

  [cd-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fchange-detection.png

  [cd-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fchange-detection

  [cd-npm-readme]: https://www.npmjs.com/package/@angular-package/change-detection#readme



  

  [cd-github-readme]: https://github.com/angular-package/change-detection#readme



  

  [cl-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader.svg

  [cl-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader.png

  [cl-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcomponent-loader

  [cl-npm-readme]: https://www.npmjs.com/package/@angular-package/component-loader#readme



  

  [cl-github-readme]: https://github.com/angular-package/component-loader#readme



  

  [core-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fcore.svg

  [core-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fcore.png

  [core-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fcore

  [core-npm-readme]: https://www.npmjs.com/package/@angular-package/core#readme



  

  [core-github-readme]: https://github.com/angular-package/core#readme



  

  [error-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ferror.svg

  [error-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ferror.png

  [error-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ferror

  [error-npm-readme]: https://www.npmjs.com/package/@angular-package/error#readme



  

  [error-github-readme]: https://github.com/angular-package/error#readme



  

  [name-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fname.svg

  [name-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fname.png

  [name-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fname

  [name-npm-readme]: https://www.npmjs.com/package/@angular-package/name#readme



  

  [name-github-readme]: https://github.com/angular-package/name#readme



  

  [preferences-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fpreferences.svg

  [preferences-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fpreferences.png

  [preferences-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fpreferences

  [preferences-npm-readme]: https://www.npmjs.com/package/@angular-package/preferences#readme



  

  [preferences-github-readme]: https://github.com/angular-package/preferences#readme



  

  [prism-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fprism.svg

  [prism-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fprism.png

  [prism-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fprism

  [prism-npm-readme]: https://www.npmjs.com/package/@angular-package/prism#readme



  

  [prism-github-readme]: https://github.com/angular-package/prism#readme



  

  [property-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fproperty.svg

  [property-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fproperty.png

  [property-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fproperty

  [property-npm-readme]: https://www.npmjs.com/package/@angular-package/property#readme



  

  [property-github-readme]: https://github.com/angular-package/property#readme



  

  [range-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Frange.svg

  [range-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Frange.png

  [range-npm-badge]: https://badge.fury.io/js/%40angular-package%2Frange

  [range-npm-readme]: https://www.npmjs.com/package/@angular-package/range#readme



  

  [range-github-readme]: https://github.com/angular-package/range#readme



  

  [reactive-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Freactive.svg

  [reactive-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Freactive.png

  [reactive-npm-badge]: https://badge.fury.io/js/%40angular-package%2Freactive

  [reactive-npm-readme]: https://www.npmjs.com/package/@angular-package/reactive#readme



  

  [reactive-github-readme]: https://github.com/angular-package/reactive#readme



  

  [storage-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fstorage.svg

  [storage-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fstorage.png

  [storage-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fstorage

  [storage-npm-readme]: https://www.npmjs.com/package/@angular-package/storage#readme



  

  [storage-github-readme]: https://github.com/angular-package/storage#readme



  

  [tag-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftag.svg

  [tag-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftag.png

  [tag-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftag

  [tag-npm-readme]: https://www.npmjs.com/package/@angular-package/tag#readme



  

  [tag-github-readme]: https://github.com/angular-package/tag#readme



  

  [testing-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftesting.svg

  [testing-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftesting.png

  [testing-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftesting

  [testing-npm-readme]: https://www.npmjs.com/package/@angular-package/testing#readme



  

  [testing-github-readme]: https://github.com/angular-package/testing#readme



  

  [text-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftext.svg

  [text-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftext.png

  [text-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftext

  [text-npm-readme]: https://www.npmjs.com/package/@angular-package/text#readme



  

  [text-github-readme]: https://github.com/angular-package/text#readme



  

  [type-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Ftype.svg

  [type-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Ftype.png

  [type-npm-badge]: https://badge.fury.io/js/%40angular-package%2Ftype

  [type-npm-readme]: https://www.npmjs.com/package/@angular-package/type#readme



  

  [type-github-readme]: https://github.com/angular-package/type#readme



  

  [ui-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fui.svg

  [ui-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fui.png

  [ui-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fui

  [ui-npm-readme]: https://www.npmjs.com/package/@angular-package/ui#readme



  

  [ui-github-readme]: https://github.com/angular-package/ui#readme



  

  [wrapper-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fwrapper.svg

  [wrapper-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fwrapper.png

  [wrapper-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fwrapper

  [wrapper-npm-readme]: https://www.npmjs.com/package/@angular-package/wrapper#readme



  

  [wrapper-github-readme]: https://github.com/angular-package/wrapper#readme



[angular-component-factory-resolver]: https://angular.io/api/core/ComponentFactoryResolver

[angular-view-container-ref]: https://angular.io/api/core/ViewContainerRef

[angular-component-ref]: https://angular.io/api/core/ComponentRef



[jasmine-describe]: https://jasmine.github.io/api/3.8/global.html#describe

[jasmine-expect]: https://jasmine.github.io/api/3.8/global.html#expect

[jasmine-it]: https://jasmine.github.io/api/3.8/global.html#it

[jasmine-matchers]: https://jasmine.github.io/api/3.9/matchers.html



[js-array]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

[js-array-every]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every

[js-array-some]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some



[js-bigint]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt

[js-bigintconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt

[js-boolean]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean

[js-booleanconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/Boolean



[js-classes]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes



[js-date]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date



[js-error]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error



[js-function]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions



[js-getter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get



[js-hasownproperty]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty



[js-instanceof]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof

[js-in-operator]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in

[js-isarray]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

[js-isfinite]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isFinite

[js-isfrozen]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen

[js-isnan]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN



[js-map]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map



[js-null]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null

[js-number]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number

[js-numberconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/Number

[js-numberisfinite]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isFinite

[js-numberisinteger]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isInteger

[js-numberisnan]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN

[js-numberissafeinteger]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isSafeInteger



[js-object]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object

[js-object-define-property]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

[js-object-getownpropertydescriptor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor

[js-object-getOwnpropertydescriptors]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptors



[js-primitive]: https://developer.mozilla.org/en-US/docs/Glossary/Primitive

[js-promise]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise



[js-rangeerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RangeError

[js-referenceerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError

[js-regexp]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp

[js-rest-parameter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters



[js-set]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

[js-setter]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set

[js-static]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static

[js-storage]: https://developer.mozilla.org/en-US/docs/Web/API/Storage

[js-string]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

[js-stringconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/String

[js-symbol]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol

[js-symbolconstructor]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/Symbol

[js-syntaxerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError



[js-tostring]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toString

[js-typeerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypeError

[js-typeof]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof



[js-undefined]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined

[js-urlerror]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/URIError



[js-weakset]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet



[karma]: http://karma-runner.github.io/0.10/index.html



[prism-js]: https://prismjs.com/



[ts-any]: https://www.typescriptlang.org/docs/handbook/basic-types.html#any

[ts-boolean]: https://www.typescriptlang.org/docs/handbook/basic-types.html#boolean

[ts-classes]: https://www.typescriptlang.org/docs/handbook/2/classes.html

[ts-enums]: https://www.typescriptlang.org/docs/handbook/enums.html

[ts-function]: https://www.typescriptlang.org/docs/handbook/2/functions.html

[ts-interface]: https://www.typescriptlang.org/docs/handbook/interfaces.html#our-first-interface

[ts-never]: https://www.typescriptlang.org/docs/handbook/basic-types.html#never

[ts-null]: https://www.typescriptlang.org/docs/handbook/basic-types.html#null-and-undefined

[ts-number]: https://www.typescriptlang.org/docs/handbook/basic-types.html#number

[ts-object]: https://www.typescriptlang.org/docs/handbook/basic-types.html#object

[ts-string]: https://www.typescriptlang.org/docs/handbook/basic-types.html#string

[ts-undefined]: https://www.typescriptlang.org/docs/handbook/basic-types.html#null-and-undefined

[ts-unknown]: https://www.typescriptlang.org/docs/handbook/basic-types.html#unknown