Je veux ajouter une classe wrapper au premier élément div dans ma page. Je faisais cela avec une vue. Donc, il semble que Ember 2.0 ne favorise plus les vues. Alors, comment puis-je faire cela maintenant?
5 Réponses :
J'ai utilisé CSS pour résoudre ce problème:
body > .ember-view { padding-left: 240px; //styles for container goes here }
Merci! Cela fera le tour! Cependant, je ne sais pas si c'est 100% fiable. J'aimerais savoir comment appliquer ma propre classe à l'emballage.
Moi aussi, mais je n'ai pas trouvé de moyen simple d'y parvenir. J'ai pensé à utiliser des "applications d'intégration" ( guides.emberjs.com/ V2.0.0 / Configuration-Ember / ... ) Caractéristique, mais n'a pas essayé, car CSS fonctionne pour moi et que je trouve cette méthode plus facile. Si vous le souhaitez, essayez de modifier index.html code> en ajoutant un peu de div avec la classe souhaitée et utilisez l'encreur.
Je n'ai pas de solution soignée, mais sous-classement ember.commonent code> à partir de l'intérieur
applications / vue.js code> fonctionne. P>
Ressemble à un piratage assez utile.
Vous n'êtes pas censé utiliser vues code>, comme ils sont obsolètes. Utilisez des composants à la place, exemple:
import Ember from 'ember';
export default Ember.Component.extend({
classNameBindings: ['functionName'],
functionName: Ember.computed(function() {
// function logic
})
});
Toutes les informations concernant sur la façon de personnaliser votre Vues code> sont obsolètes dans Ember 2.0. Le moyen de faire des choses à partir de maintenant consiste à utiliser
composant code> et
itinéraire code>. Vous pouvez spécifier quel nom de classe est appliqué à votre composant en faisant:
composant code> se trouvent dans la documentation Ember (< Un href = "http://guides.emberjs.com/v2.0.0/components/customize-a-components-Element/" rel = "nofollow"> Cliquez ici pour en savoir plus ) P> p>
Comme les autres ont dit, le seul moyen d'ajouter une classe à l'aide de Ember 2.0 est d'utiliser un composant sur votre page. Le composant a les mêmes propriétés que la vue avait. Votre page aura un appel uniquement dans le modèle, comme ce qui suit:
Si tu es vraiment Vous ne voulez pas avoir de composant sur votre page, mes conseils vous permettrices d'ajouter manuellement un nom de classe dans votre modèle: p> <div class="your-page">
{{outlet}}
</div>
Pourriez-vous publier plus de code comment votre modèle a l'air ??? Nos points de vente (Toujours d'abord Div)