css - ionic 奇怪的间距

Question

当我使用以下代码显示标题时，title 会出现奇怪的左/右样式。

有人知道这是怎么回事吗？谢谢!

<ion-header-bar>
    <h1 class="title">BLE Demo</h1>
    <button class="button button-positive">
        {{connectStatus == false ? "Connect" : "Disconnect" }}
    </button>
</ion-header-bar>

如果我更改行 {{connectStatus == false ? "Connect": "Disconnect"}} 到 {{connectStatus}}，然后样式消失。

更新:检查@Microsmsm 制作的示例代码:http://codepen.io/Microsmsm/pen/ZQZyVp

Answer 1

您可以使用代码 as that .你改变

{{connectStatus == false ? "Connect" : "Disconnect" }}

到

{{connectStatus == true ? "Connect" : "Disconnect" }}

完成你的效果