AngularJS provides all the means for building webcomponents.
Inside Angular we have something called directives which basically wraps/fold an blob of html into one new html tag, so:
template
<datafield dataProviderID="model.orderid" />
expands to something like:
result
<div class="xyz"><input type="text" ng-model="model.orderid"></div>
an directive like "datafield" is the basic building block for a webcomponent, see "Create Components" section at: http://angularjs.org (especially see the component.js tab there)
Inside each webcomponent Angular arranges for binding between model and display, for example the ng-model parameter sync the field value with the model (scope).
Every webcomponent consists out of 3 parts/files:
- Specification defines all properties and types (internally called beanInfo)
- Template contain for example an "ng-click" handler to webcomponent logic
- Logic, does the adding of directive, and likely contains controller javascirpt to-do for example remote calls and expose api functions
Overview
Content Tools
Activity