आयन-बटन प्रारंभ और समाप्ति वाक्यविन्यास कोई समझ नहीं आता

Question

मुझे आयन-बटन के साथ दो समस्याएं हैं। 1. आयनिक दस्तावेज केवल आयन-बटन तत्व का उपयोग दिखाता है, जिसमें आप वास्तविक उदाहरण के साथ कोई वास्तविक स्पष्टीकरण नहीं देते हैं। 2. इस बारे में मुझे क्या फेंकता है कि करीबी टैग गलत जगह पर होने के लिए मेरे सामने आते हैं। जब मैंने दस्तावेज़ों पर यह देखा तो मुझे आश्चर्य हुआ कि क्या यह एक गलती थी, लेकिन मैंने इसे यहां एक उदाहरण उदाहरण में स्टैक पर भी देखा है। इस तरह:

<ion-header> 
    <ion-navbar primary> 
    <ion-buttons start>  **// here it starts.** 
     <button menuToggle> 
     <ion-icon name="menu"></ion-icon> 
     </button> 
    </ion-buttons> **//Why does ion-buttons close here?** 

    <ion-title> 
     My Page 
    </ion-title> 

    <ion-buttons end> **// END here?** 
     <button ion-button icon-only> 
     <ion-icon name="search"></ion-icon> 
     </button> 
    </ion-buttons> **// then close AGAIN here when there is no companion open tag?** 
    </ion-navbar> 
</ion-header> 

Answer 1

<ion-buttons start>  **// here it starts.** 

असल में यहाँ startआयन बटन की शुरुआत नहीं मतलब है। यहां start का अर्थ उनके documentation के अनुसार है। बस बटन संरेखण करने में मदद करें।

मंच पर आधारित शुरुआत में तत्व को संरेखित करता है। आईओएस सही

देखें आयन बटन संपत्ति खंड पर पहले आइटम, छोड़ दिया जाता है एंड्रॉयड है।

</ion-buttons> **//Why does ion-buttons close here?** 

यहाँ वास्तव में पहले खोली आयन बटन कि है <ion-buttons start> बंद के रूप में हम इस <ion-buttons> </ion-buttons>

<ion-buttons end> **// END here?** 

की तरह सामान्य रूप से करते यहाँ endआयन बटन का अंत नहीं मतलब है। उनके documentation के अनुसार। बस बटन संरेखण करने में मदद करें।

मंच पर आधारित अंत में तत्व को संरेखित करता है। आईओएस चला जाता है ठीक है, एंड्रॉयड सही

देखें आयन बटन संपत्ति खंड पर अंतिम आइटम है।

</ion-buttons> **// then close AGAIN here when there is no companion open tag?** 

फिर हम पहले खुला <ion-buttons end> टैग बंद करने के लिए जा रहे हैं। जैसा कि हम सामान्य रूप से इस <ion-buttons> </ion-buttons> की तरह करते हैं। साथी ओपन टैग इसके लिए <ion-buttons end> टैग है। टैग के अंदर end के साथ भ्रमित न हों। वह end वास्तव में बटन संरेखण करने में मदद करता है जो यह है। उस से परे मत सोचो :)।

आशा है कि यह आपकी मदद करेगा। चीयर्स!

Answer 2

कोई issue.Those है सीएसएस उपयोगिताएँ जहां start और end यूआई पैटर्न के लिए platform.Please इसके बारे में और अधिक विस्तार के लिए नीचे देखें का पालन कर रहे हैं।

आप यहाँ पूरी सूची देख सकते: @sebaferreras

द्वारा CSS-Utilities (ion-buttons property)

संक्षिप्त विवरण आप this post में देख सकते हैं वैसे ही जैसे, mhartington (आयोनिक टीम की ओर से) बताते हैं:

प्रारंभ और अंत मंच

तो <ion-buttons start> ios के लिए बाईं तरफ हो सकता है और एंड्रॉयड के लिए सही पर पहली बटन होगा के लिए यूआई पैटर्न का पालन करें।

<ion-buttons end> आईओएस के लिए दाईं ओर होगा और पर अंतिम बटन एंड्रॉइड के लिए सही होगा।

बाएं/दाएं उस पर सवारी करने के तरीके के रूप में प्रदान किए जाते हैं।

तो अगर आप Android और iOS दोनों के लिए बाईं तरफ के बटन को रखना चाहते हैं, left सीएसएस उपयोगिता का उपयोग करें।

तक Ionic Team Member Mike Hartington

नहीं,

प्रारंभ और अंत मंच के लिए यूआई पैटर्न का पालन

तो ios के लिए बाईं तरफ हो सकता है और पर पहले बटन होगा एंड्रॉइड के लिए सही है।

आईओएस के लिए दाईं ओर होगा और पर अंतिम बटन एंड्रॉइड के लिए सही होगा।

बाएं/दाएं उस पर सवारी करने के तरीके के रूप में प्रदान किए जाते हैं।

Answer 3

यदि कोई शीर्षक के दोनों छोर पर एक बटन रखने की कोशिश कर रहा है, तो बाएं और दाएं दोनों, निम्न वाक्यविन्यास आयनिक 3.1 9.0 के रूप में चालू है। प्रारंभ और अंत के बजाय left और right का उपयोग करना।

<ion-navbar> 
    <ion-title>Title</ion-title> 
    <ion-buttons left> 
     <button left ion-button icon-only (click)="addItem()"> 
      <ion-icon name="add"></ion-icon> 
     </button> 
    </ion-buttons> 
    <ion-buttons right> 
     <button right ion-button icon-only (click)="presentPopover($event)"> 
      <ion-icon 
       [name]="poppedOver ? 'close' : 'menu'" 
      ></ion-icon> 
     </button> 
    </ion-buttons> 
</ion-navbar>