Material-design-lite: Mettre en œuvre le ou les composants de navigation latérale v2

Veuillez vous assurer que cet élément sera facilement contrôlable de l'extérieur. Dans l'implémentation v1, il est difficile pour certains systèmes qui ne fonctionnent pas comme jQuery d'avoir uniquement un élément déclencheur externe. Nous avons besoin d'un autre mécanisme (fonction javascript que nous pouvons appeler, ou encore mieux, classe css que nous pouvons définir) en plus de l'élément déclencheur.

Regarde aussi
https://github.com/tleunen/react-mdl/issues/295
https://github.com/tleunen/react-mdl/issues/333

Le problème est qu'au moins dans la v1, les composants de mise en page et de tiroir sont « entrelacés » et les composants sont liés en fonction de l'identifiant du composant (sur l'élément déclencheur) et de certains « scripts d'arrière-plan ». Surtout ce script en arrière-plan est un peu ennuyeux. Il est facile à utiliser dans des environnements de type jQuery où nous chargeons une page, puis exécutons les scripts pour donner vie aux composants. Mais si nous créons des applications à page unique, ou des sites où les pages sont très interactives et de longue durée, c'est parce qu'il est vraiment pénible de devoir s'inscrire et se désinscrire et d'effectuer toutes les manipulations de manière à ce qu'elles n'entrent pas en conflit avec le comportement en arrière-plan. Ce serait bien mieux si nous avions une petite bibliothèque de scripts pour, par exemple, Ripple que nous pourrions appliquer nous-mêmes.

Dans mon monde idéal, MDL ne serait fourni qu'avec un fichier CSS et un site Web de support expliquant tous les noms de balisage et de classe que vous pouvez utiliser et les effets qu'ils ont sur l'interface utilisateur. Je comprends que certains effets ne peuvent être obtenus qu'avec des scripts, c'est donc là qu'intervient cette petite bibliothèque, mais nous devrions nous efforcer de la minimiser à mon avis.

Oui, il sera contrôlé à 100% par les développeurs. C'est un objectif explicite avec l'ensemble des composants V2 et leur JavaScript.

Edit : je viens également d'ajouter à la liste des besoins pour pouvoir être utilisé de chaque côté de l'écran. La possibilité d'avoir un tiroir aligné à droite est définie quelque part dans les spécifications (je ne me souviens pas du haut), nous devrions donc avoir un modificateur pour cela.

Je viens également d'ajouter à la liste des besoins pour pouvoir être utilisé de chaque côté de l'écran. La possibilité d'avoir un tiroir aligné à droite est définie quelque part dans les spécifications (je ne me souviens pas du haut), nous devrions donc avoir un modificateur pour cela.

W00t W00t ! Ce sont de bonnes nouvelles! J'attends la v2 avec impatience !!

Pour votre information, le premier PR omettra les navigations « persistantes » (celles qui diffusent du contenu ); attendez des conseils de conception sur la façon dont le contenu doit être poussé (redistribution, traduction simple, etc.)

Ce projet pourrait être une aide pour créer un tiroir collant : https://github.com/ansarisufiyan777/Angular-Material-Drawer

démo

https://ansarisufiyan777.github.io/Angular-Material-Drawer/