קורס Front-End Web Development שיעור הצגת המידע על העמוד באמצעות Handlebars Templates


זה נושא דיון מלווה לערך המקורי ב- https://www.tocode.co.il/bundles/html5-web-development/lessons/handlebars

הבקשה לא צריכה להיות מוקפת באיזה פונקציה - כדי שלא נכניס תווים אסורים ? או שזה קורה אוטומטית ?

Blockquote

הרבה פעמים יוצא לי לראות באינטרנט קוד JS עם $. =>
הבנתי שזה קשור ל- JQEURY האם יש לך שיעור בנושא ?
כי גם זה חלק חשוב מה- FRONT-END

Blockquote

ספריית Handlebars באופן אוטומטי מנקה את הקלט כך שלא ייכנסו לעמוד תווים אסורים

לייק 1

יש קורס שלם בנושא :slight_smile: :
https://www.tocode.co.il/bundles/es6

לייק 1

היי ינון

התגובה הנ"ל אינה עובדת

היי ינון

יש לי מערך של אובייקטים כפי הדוגמא

{
	"searchRes": [{
			"website": "ebay",
			"imageUrl": "http://thumbs1.ebaystatic.com/pict/04040_0.jpg",
			"productTitle": "Women Boho Floral Long Maxi Dress Cocktail Party Evening Summer Beach Sundress"
		},
		{
			"website": "ebay",
			"imageUrl": "http://thumbs4.ebaystatic.com/pict/253605991067404000000002_1.jpg",
			"productTitle": "Women Boho Floral Long Maxi Dress Cocktail Party Evening Summer Beach Sundress"
		},

כאשר אני לקוח רק את האובייקט במקום 0 זה עובד ,אם אני מנסה לרוץ על המערך כפי שהראית בסרטון אני מקבל כל הזמן הודעת שגיאה.
הקוד בפרונט

<script type="text/template" id="template">
{{ #each searchRes }}
  <div id="item">
    <div class="website">{{ website }}</div>
    <img src="{{ imageUrl }}"/>
    <h4 class="title">{{ productTitle }}</h4>
  </div>
{{ /each }}
</script>

מה יכולה להיות הבעיה ? זאת הודעת השגיאה

Uncaught (in promise) Error: Parse error on line 2:
{{ #each searchRes }} 
---^
Expecting 'ID', 'DATA', got 'INVALID'
    at a.parseError (handlebars.min.js:27)

הי,

קשה לדעת - יכול לשים את זה בקודפן ואסתכל?