离子视图自定义视图标题离子框架

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>