離子AngularJS：將圖像和文本附加到離子視圖的標題欄不顯示

我已經做了一個代碼，以將圖像和文本一起附加到離子視圖的標題欄。這是代碼片段：離子AngularJS：將圖像和文本附加到離子視圖的標題欄不顯示

<ion-view align-title="left"> 
<h1 style="margin-left:100px" class="title"> 
<img class="title-image" src="http://www.ionicframework.com/img/ionic-logo-white.svg" width="123" height="43" /> 
</h1> 
<h1 class="title">Titled Text</h1> 
    <ion-content class="padding"> 
     <div class="list list-inset"> 
      <label style="border: 3px solid red; border-radius:5px;" class="item item-input"> 
       <input focus-on="focusMe" type="text" ng-model="register.username" placeholder="Choose username"> 
      </label> 
      <label style="margin-top: 10px; border: 3px solid red; border-radius:5px;" class="item item-input"> 
       <input type="password" placeholder="Choose password" ng-model="register.password"> 
      </label> 
     </div> 
     <a style="margin-top: 100px; border: 3px solid red; border-radius:5px; background-color: #ff6000 class="button button-block button-positive">Next</a> 
    </ion-content> 
</ion-view>

這就是我所做的普拉克。

Plunker

請我怎樣才能使圖像和文字看起來離子視圖的標題欄？

來源

2015-10-19 Blaze

問題是什麼？ – user1697575

你的佣金完全損壞...... – Makoto

這就是挑戰。 – Blaze

我做了一個小的演示給你，

Plunker

HTML

<ion-view title="Home" hide-nav-bar="true"> 
    <div class="bar bar-header bar-light"> 
     <h4>myApp</h4> 
     <div style="width:100%"> 
      <img style="height: 16px; 
     margin-top: 9px;" src="https://placehold.it/85x25" /> 
     </div> 
    </div> 
    <ion-content padding="true"> 
     <h1 style="text-align: center;">Welcome user</h1> 
    </ion-content> 
</ion-view>

來源

2015-10-20 05:45:07 Muhsin

這是我的問題/挑戰的解決方案。因爲我發現很難做這樣的

<ion-view align-title="left"> 
<h1 style="margin-left:100px" class="title"> 
<img class="title-image" src="http://www.ionicframework.com/img/ionic-logo-white.svg" width="123" height="43" /> 
</h1> 
<h1 class="title">Titled Text</h1>

東西添加圖片和文字到了吧，然後我落得這樣做的：

<ion-nav-buttons side="left"> 
    <img class="title-image" src=".../ionic-logo-white.svg" width="30" height="43" /></h1> 
</ion-nav-buttons> 
<ion-nav-buttons side="left"> 
    <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button> 
</ion-nav-buttons>

不知道是什麼，你不妨考慮一下但它的工作。由於它在標題處放置了一個圖像，而且在標題欄也有一個文本。只是一個簡單的邏輯

來源

2015-10-19 15:14:00 Blaze

離子AngularJS：將圖像和文本附加到離子視圖的標題欄不顯示

回答

相關問題