Javascript template parsing in mobile devices

Question

I have implemented basic template parser for javascript. it simply replaces variables within template string. i.e {event.date} will be 7/4/2013

I am using script tag to store template string

<script id="date_template" type="text/html"> <span class="date" id="date_{event.id}">  {event.date}  <span> </script>

but it gives error in mobile devices so I have used div element for this

<div style="display:none" id="date_template"> <span class="date" id="date_{event.id}">  {event.date}  <span> </div>

but it creates dom element which causes other problems. Is there any other way to do this?

you can probably create a main container div that will contain all your templates. — Abhidev, Oct 08 '13 at 07:00
@chumkiu it doesn't take type attribute in account in mobile devices it gives syntax error in template strings — Rupesh Patel, Oct 08 '13 at 07:15
@RupeshPatel I've no errors with this. Which browser/mobile have you tested? — Luca Rainone, Oct 08 '13 at 07:34

Paul Sweatte · Answer 1 · 2015-12-29T04:24:27.673

0

Here is another way to do this:

$("<span/>",  
   {
    "class":"date",
    "id":"date_$event.id".replace(/\$event.id/,event.id),
    "html":event.date
   }
 )

References

edited Dec 29 '15 at 04:24

answered Nov 01 '13 at 22:42

Paul Sweatte

1 Answers1