Bonjour,
Voici un problème plus sérieux que le problème d'origine.
J'essaie de répéter un élément mais je n'y arrive pas. Voici mon code :
Ca ne s'affiche pas sur la page, ni dans le code, à la place de ça il y a un commentaire "<!-- ngRepeat: website in portfolioWebsites.websites -->"
Merci =)
Ancien problème :
J'essaie d'améliorer mon site avec Angular. Et... ça ne marche pas. J'ai du faire une erreur de base parce que ça ne marche vraiment pas lol.
Angular est inclus. Ensuite mon fichier d'application angular est inclus après que Angular soit inclus. Les noms sont bien orthographiés.
Lorsque j'analyse avec la console, tous les fichiers sont bien présents.
Si je mets ng-app="nomDeLapp" RIEN ne marche le design est foutu.
Quelqu'un aurait-il une idée là dessus ?
le lien de ma page de test : http://lightwolf-studios.com/index2.html
Edit : bon, déjà j'avais de la syntaxe pas bonne, je mettais des "=" au lieu de ":" dans un objet. Ensuite, le nom pour désigner un objet, la première partie n'était pas bonne, il fallait que j'utilise l'alias au début et j'utilisais autre chose.
Modifié par LightBen (05 Jul 2014 - 21:31)
Voici un problème plus sérieux que le problème d'origine.
J'essaie de répéter un élément mais je n'y arrive pas. Voici mon code :
<ul ng-controller="WebsitesController as portfolioWebsites" class="grid cs-style-1">
<li ng-repeat="website in portfolioWebsites.websites">
<figure>
<img data-src="img/portfolio-lightwolf-studios-2014.png" data-effect="fadeInUp" alt="Portfolio - LightWolf Studios">
<figcaption>
<div class="figcaption-container-inside">
<div class="element-title">{{website.title}}</div>
<div class="element-description-1">{{website.description}}</div>
<div class="element-description-2">{{website.date}}</div>
<button type="button" class="btn btn-dead coming-soon lang" onclick="showLightDialog($('#lightDialog9'))"></button>
</div>
</figcaption>
</figure>
</li>
</ul>
app.controller('WebsitesController', function() {
this.items = websites;
});
var websites = [
{
title: "LightWolf Studios",
description: "Our new website [smile]",
date: 2014
},
{
title: "LightWolf Studios 2",
description: "Our new website [smile]",
date: 2014
},
{
title: "LightWolf Studios 3",
description: "Our new website [smile]",
date: 2014
}
];
Ca ne s'affiche pas sur la page, ni dans le code, à la place de ça il y a un commentaire "<!-- ngRepeat: website in portfolioWebsites.websites -->"
Merci =)
Ancien problème :
J'essaie d'améliorer mon site avec Angular. Et... ça ne marche pas. J'ai du faire une erreur de base parce que ça ne marche vraiment pas lol.
Angular est inclus. Ensuite mon fichier d'application angular est inclus après que Angular soit inclus. Les noms sont bien orthographiés.
Lorsque j'analyse avec la console, tous les fichiers sont bien présents.
Si je mets ng-app="nomDeLapp" RIEN ne marche le design est foutu.
Quelqu'un aurait-il une idée là dessus ?
le lien de ma page de test : http://lightwolf-studios.com/index2.html
Edit : bon, déjà j'avais de la syntaxe pas bonne, je mettais des "=" au lieu de ":" dans un objet. Ensuite, le nom pour désigner un objet, la première partie n'était pas bonne, il fallait que j'utilise l'alias au début et j'utilisais autre chose.
Modifié par LightBen (05 Jul 2014 - 21:31)