emitting custom html5 elements from ionic

I'm trying to develop a hybrid mobile app for ios/android, using a client
javascript framework such as JQuery Mobile, or Ionic.

Regardess of the client/framework used, Prolog is serving up the html from
it's internal web server.

With JQuery-mobile, this worked well eg.

*div([data-role='page', id='myPage'],, .. was emitted as <div
data-role="page" id="myPage">*

data-role is just an attribute of a valid html5 element - div.

However, if I now switch frameworks and try to emit custom html5 from ionic,
eg. 

http://ionicframework.com/docs/api/directive/ionList/

*ion-list(ion-item([ng-repeat='item in items',  item='item'])),*

It's not working.. it's just emits:
*ion*

What is the cleanest way to output these non-standard html5 elements (of
which there are many..) ? I know from Annie's tutorial it is possible to do
this via inclusion - ie hacking it in.

*\['<ion-list><ion-item ng-repeat="item in items"></ion-item></ion-list>'],*

Which works, but it's ugly.


 



--
View this message in context: http://swi-prolog.996271.n3.nabble.com/emitting-custom-html5-elements-from-ionic-tp14844.html
Sent from the SWI Prolog mailing list archive at Nabble.com.