图像未显示在 Ionic App Lab 预览中

Images not displaying in Ionic App Lab preview

提问人:Hack-R 提问时间:2/7/2016 更新时间:2/7/2016 访问量:127

问:

当我使用图像预览此应用程序时,图像在主页和菜单上显示良好,但由于某种原因不在“关于我们”页面上。在“关于我们”页面中,每个“领导者”显示的图像与在home.html底部附近正确显示的图像完全相同的图像(“Alberto.png”)ionic serve --lab

<ion-view view-title="About Us">
  <ion-content>
      <div class="card">
  <div class="item item-divider">
    Our History
  </div>
    <div><p>Started in 2010, Ristorante con Fusion quickly established itself as a culinary icon par excellence in Hong Kong. With its unique brand of world fusion cuisine that can be found nowhere else, it enjoys patronage from the A-list clientele in Hong Kong.  Featuring four of the best three-star Michelin chefs in the world, you never know what will arrive on your plate the next time you visit us.

    The restaurant traces its humble beginnings to The Frying Pan, a successful chain started by our CEO, Mr. Peter Pan, that featured for the first time the world's best cuisines in a pan.
    </p></div>      
      </div>
      <div class="card">
          <div class="item item-divider">
          <b>Corporate Leadership</b>    
          </div>
          <ion-item ng-repeat="leader in leaders" class="list-inset">
          <div class="item item-thumbnail-left item-text-wrap">
               <img ng-src="{{baseURL+leader.image}}" alt="">
                <br><b>{{leader.name}}</b>
                <br><b>{{leader.designation}}</b>
                <p>{{leader.description}}</p>
            </ion-item>  
          </div>
      </div>            
      <!-- below is a deprecated alternate attempt>
         <ion-list type="list-inset"> 
          <ion-item ng-repeat="leader in leaders" class="list-inset">
                        <div class="item item-body item-text-wrap">
              <img ng-src="{{baseURL+leader.image}}" alt="">      
              <br> {{leader.name}} 
              <br> {{leader.abbr}} 
              <br> {{leader.designation}} 
              <br> {{leader.description}}
              </div>
          </ion-item>      
      </ion-list>
     <-->
  </ion-content>

</ion-view>

如下所示:Goal

HTML 离子框架

评论


答: 暂无答案