angular-custom-element | Web Components Custom Element enhanced directives | Web Framework library

If you have several custom elements to register, and/or you prefer to maintain the element definition code in a location seperate from your App.config() block, then you can use .registerCollection([definitions]) to register a group of custom elements in the config block. .registerCollection() takes as its argument an array of custom element definition objects each with a name string and a definition config object in the same format as would be passed the .register() function. They should be keyed as name: and definition:. The format and options are similar to X-Tags, but there are some differences. Also keep in mind that the context of any code placed in the element config object executes outside of AngularJS, so it should be VanillaJS and framework agnostic. parent: element prototype (optional) is the element prototype we wish to inherit from. It defaults to HTMLElement. You may inherit from standard HTML elements or other custom elements.