Ionic-framework: Schaltfläche: Schaltfläche in eine Ionen-Schaltfläche ändern
Dies macht es für Benutzer einfacher, ihre eigenen benutzerdefinierten Schaltflächen zu verwenden, anstatt unsere Stile zu überschreiben.
<a button>wird<a ion-button><button>wird<button ion-button>
brandyscarney
Alle 3 Kommentare
@brandyscarney , wäre es nicht sauberer und konsistenter, ein <ion-button> Element anstelle eines <button ion-button> Elements zu haben ?
<ion-button>
Right Icon
<ion-icon name="star"></ion-icon>
</ion-button>
Dies kann <button ion-button> hinter den Kulissen rendern.
mpaland
am 9. Aug. 2016
Hey @mpaland , danke für den Vorschlag! Die kurze Antwort ist, dass die Verwendung eines Attributselektors anstelle eines Elementselektors es uns ermöglicht, alle Vorteile der nativen <button> und <a> Elemente zu nutzen, anstatt die gesamte native Funktionalität nach unten zu geben und schwer zu pflegen sein. Dies haben wir uns im Einklang mit der Umsetzung des Materialteams entschieden. Sie haben ein tolles Dokument zusammengestellt, das die verschiedenen Gründe dafür erklärt: https://docs.google.com/document/d/1m8IxhKu5qI8xwjePVGZMbRve3MTW9M8odgcPiuAZfoM/preview?pref=2&pli=1#
brandyscarney
am 10. Aug. 2016
Brandy, danke für den Hinweis. Karas Doc macht Ihre Entscheidung ziemlich klar. IMHO nicht 100% nett - aber notwendig.
mpaland
am 11. Aug. 2016
Verwandte Themen
alexbainbridge
·
3Kommentare
fdnhkj
·
3Kommentare
manucorporat
·
3Kommentare
MrBokeh
·
3Kommentare
vswarte
·
3Kommentare
Hilfreichster Kommentar
Hey @mpaland , danke für den Vorschlag! Die kurze Antwort ist, dass die Verwendung eines Attributselektors anstelle eines Elementselektors es uns ermöglicht, alle Vorteile der nativen
<button>und<a>Elemente zu nutzen, anstatt die gesamte native Funktionalität nach unten zu geben und schwer zu pflegen sein. Dies haben wir uns im Einklang mit der Umsetzung des Materialteams entschieden. Sie haben ein tolles Dokument zusammengestellt, das die verschiedenen Gründe dafür erklärt: https://docs.google.com/document/d/1m8IxhKu5qI8xwjePVGZMbRve3MTW9M8odgcPiuAZfoM/preview?pref=2&pli=1#