angularjs - 如何在 Ionic 标题中使用两个标题？

Question

在 ionic 中，我需要使用“标题”(大标题)和“副标题”(小标题)。我正在使用如下，

<ion-view view-title="Primary Heading">
    <ion-content>.....</ion-content>
</ion-view>

这正在工作。但是，我需要使用两个标题。一个作为“主标题”，另一个作为“副标题”。我尝试使用“标题栏”、“子标题栏”。但是，它没有按我的预期工作。标题应位于第一行，副标题应位于下一行。我也尝试过

 <ion-nav-title>...</ion-nav-title>

那么，如何实现这一目标呢？而且我还必须应用我自己的标题样式。请帮帮我。

Answer 1

尝试后，我对问题的回答是，

 <ion-view> 
    <ion-nav-title>
        <div class="page-title">HEADING</div>
        <div class="page-sub-title">Sub Heading</div>
    </ion-nav-title>
    <ion-content>.....</ion-content>
</ion-view>

要应用样式，我的 CSS 会像这样，

.page-title{
         margin-top : -10px;
         color: #ffffff;
         font-size: 1.5em;
}
.page-sub-title{
         margin-top: - 25px;
         color: green;
         font-size : .9em;
}