Ionic framework ionic v2按钮文本对齐

在我的ionic v2应用程序中，我有几个按钮，里面有一个图标和一个文本。使用Ionic的v1，可以将图标和按钮内的文本与参数对齐

<a class="item item-icon-left item-assertive">
    <i class="icon ion-gear"></i>
    SomeTextForExample
</a>

sometext例如

对于v2，我没有找到任何参数，然后是“icon left”，这只会在图标和文本之间增加一点间隙。无论如何，按钮的内容保持居中

以下是我的v2 html代码：

<button ion-button block icon-left color="danger">
    <ion-icon name="car"></ion-icon>
    TextFoo
</button>

TextFoo

为了便于阅读，我删除了ngFor和单击功能。有没有简单的解决方案？

<button ion-button block icon-left color="danger">
    <ion-icon name="car"></ion-icon>
    TextFoo
</button>

TextFoo

这应该行得通。只需确保在

的

name属性中提供了有效的名称。例：

TextFoo

---

这应该行得通。只需确保在

的

name属性中提供了有效的名称。例如：

我在android上遇到了这个问题我在android上遇到了这个问题因为我们没有一个“合法”的方法来解决这个问题

项目结束

或

左边的图标

我们可以使用一些css作为按钮：

<button ion-button block icon-left color="danger" class="btn-align">
    <ion-icon name="car"></ion-icon>
    TextFoo
</button>

TextFoo

班级是

.btn-align {
    .button-inner { /*< --- this class added automatically */
        justify-content: flex-start;
     }
}

.btn align{
.button内部{/*<---此类自动添加*/
调整内容：灵活启动；
}
}

只要我们没有一个“合法”的方法来解决这个问题，我们可以使用

项目结束

或

图标左

按钮使用一些css：

<button ion-button block icon-left color="danger" class="btn-align">
    <ion-icon name="car"></ion-icon>
    TextFoo
</button>

TextFoo

班级是

.btn-align {
    .button-inner { /*< --- this class added automatically */
        justify-content: flex-start;
     }
}

.btn align{
.button内部{/*<---此类自动添加*/
调整内容：灵活启动；
}
}

不确定问题是什么，但您可以使用

文本中心

，

文本右

，

文本左

，

图标左和

图标右。不确定问题是什么，但您可以使用

文本中心

，

文本右

，

文本左

，

图标左侧和

图标右侧

。