The idea for the prototype is to get experience with angularjs
with angularjs webcomponents should be easy to make
angular supports something called directives which basically wraps/fold an blob of html into one new html tag, so:
<datafield dataProviderID="record.orderid" />
expands to something like:
<div class="xyz"><input type="text" value="{{record.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)
So every webcomponent consists out of 3 parts/files:
- the webcomponent controller javascript file (does the adding of directive, and likely contains controller javascirpt to-do for example remote calls)
- the webcomponent html template (might for example contain the "ng-click" handler to webcomponent javascript controller)
- the webcomponent spec (internally called beanInfo, defines all properties and types, see child page)
Overview
Content Tools
Activity