离子按钮的开始和结束语法没有意义

离子按钮有两个问题。 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>

来源

2017-04-05 Spilot

你的问题是什么？ – 2017-04-05 19:41:22

如果你看看代码片段，你会看到我在哪里注意到我的问题 – Spilot

“开始”和“结束”并不像你想的那样。把它看作是左标记和右标记。每个''''像往常一样用''关闭' –

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

其实这里start平均离子键没有开始。这里start的意思是根据它们的documentation。只是帮助做按钮对齐。

根据平台在起始处对齐元素。 iOS的推移离开， Android是第一项右侧

请参考离子键性质部分。

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

这里实际关闭以前打开离子键是<ion-buttons start> 因为我们做的通常是这样<ion-buttons> </ion-buttons>

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

这里end平均离子键没有结束。根据他们的documentation。只是帮助做按钮对齐。

根据平台对齐元素。 iOS的推移权， Android是右侧

请参考离子键性质节的最后一个项目。

</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确实有助于做它的按钮对齐。不要以为:)。

希望这对你有帮助。干杯!

来源

2017-04-09 09:36:18

没有issue.Those是CSS工具，其中start和end遵循UI模式为platform.Please见下文关于它的更多细节。

你可以看到完整的列表在这里：由@sebaferreras

CSS-Utilities (ion-buttons property)

简要说明就像你可以在this post看到，mhartington（从离子组）解释：

开始和结束遵循UI模式为平台

所以<ion-buttons start>将是对左侧的iOS和上针对Android右侧的第一个按钮。

<ion-buttons end>将在ios上的最后一个按钮和右侧为Android。

左/右是提供作为一种方式来超越。

因此，如果您想要将按钮置于android和ios的左侧，请使用left css实用程序。

通过Ionic Team Member Mike Hartington

不，

开始和结束遵循UI模式为平台

那么将是对左侧的IOS，并在第一按钮适用于Android。

会在右侧为ios和最后一个按钮在右侧为android。

左/右是提供作为一种方式来超越。

来源

2017-04-05 19:32:55 Sampath

我已经给你的答案添加了一个简短的解释，希望你不要介意:) – sebaferreras

这是完全OK.Thanks :) @sebaferreras – Sampath

我有上面分享了一个官方文档。你能告诉我们你现在有什么问题吗？ http://ionicframework.com/docs/theming/css-utilities/请参阅（离子按钮属性）。 – Sampath

如果有人试图在标题的任一端（左右两侧）放置按钮，则以下语法为Ionic 3.19.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>

来源

2017-12-25 20:01:43 Grant

离子按钮的开始和结束语法没有意义

回答

相关问题