[A19] include .js file in .ejs file
Lun 29 Aoû - 16:14
Dans le cadre du Lab 5 partie 1, j'essaie d'inclure ma classe faite durant l'atelier 10 que j'ai appelé "dynamic_table.js" dans mon index.ejs pour que ma page web reconnaisse les objets que j'essaie d'afficher alors je créer une balise <script> pour inclure ma librairie.
Le problème est que j'obtiens des erreur lorsque je regarde la console de ma page web.
Voici comment mon directory est origanisé.
Merci de répondre ou juste d'avoir lu.
[Maxime]
Le problème est que j'obtiens des erreur lorsque je regarde la console de ma page web.
Voici comment mon directory est origanisé.
Merci de répondre ou juste d'avoir lu.
[Maxime]
Re: [A19] include .js file in .ejs file
Lun 29 Aoû - 16:15
Mon fichier "dynamic_table.js" contient quoi ? Deux classes contenant des attributs et des méthodes pour modifier. Quel partis des 2 classes est-ce que le client à besoin pour pouvoir afficher le contenus des classes ? Seulement les attributs. Comme notre client à besoin seulement des attributs alors il n'y a pas besoin d'include mon fichier "dynamic_table.js" dans mon "index.ejs", seulement besoin de l'inclure mon fichier dans "index.js"
Alors voici comment faire:
Code:
http://dynamic_table.js
module.exports = Item;
module.exports = ItemList;
Ajouter la commande "module.exports =" suivi du nom de la classe après chaque classe
Ensuite dans "index.js":
Code:
var ItemList = require('./dynamic_table.js');
var Item = require('./dynamic_table.js');
Pour chaque classe, créer une variable la définissant. Il ne reste maintenant plus qu'a envoyé "ItemList" à notre page .ejs à travers un render.
Les données sont maintenant accessible pour être afficher par le client mais faite attention, il faut pointé sur la données avec un type de variable de base comme dans l'image plus haut. "itemList.tab[1]" pointe sur un objet de la classe "Item" alors que "itemList.tab[1].id" pointe sur une variable nombres.
Alors voici comment faire:
Code:
http://dynamic_table.js
module.exports = Item;
module.exports = ItemList;
Ajouter la commande "module.exports =" suivi du nom de la classe après chaque classe
Ensuite dans "index.js":
Code:
var ItemList = require('./dynamic_table.js');
var Item = require('./dynamic_table.js');
Pour chaque classe, créer une variable la définissant. Il ne reste maintenant plus qu'a envoyé "ItemList" à notre page .ejs à travers un render.
Les données sont maintenant accessible pour être afficher par le client mais faite attention, il faut pointé sur la données avec un type de variable de base comme dans l'image plus haut. "itemList.tab[1]" pointe sur un objet de la classe "Item" alors que "itemList.tab[1].id" pointe sur une variable nombres.
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum