離子視圖自定義視圖標題離子框架

Question

我想自定義離子視圖的視圖標題，以便標題顯示4個字母紅色和4個字母白色。我該怎麼做呢？

例如筆者使用的模板是這樣的：

<ion-view view-title="HelloWorld"> 

現在我想的是你好出現在紅色和世界白色。

我的主要問題是我無法通過css訪問視圖標題。

Answer 1

這解決了修改視圖標題的問題：

<ion-nav-title> 
    <span class="red">Hello</span>World 
</ion-nav-title> 

Answer 2

試試這個，

<ion-view>  
    <ion-nav-title> 
     <span style="color:red">Hello</span>World 
    </ion-nav-title> 
</ion-view> 

Answer 3

除了iDeekshith答案，併爲未來的人，你還可以將圖像添加到標題（您的應用程序的徽標也許）。

<ion-nav-title> 
    <div> 
     <span class="header-logo"><img src="img/logo.png" width="30" alt="App logo"/></span> 
     Your App Title 
    </div> 
</ion-nav-title>