小编blu*_*dio的帖子

Ionic 2图像未在设备上显示

看起来最简单的事情,例如为图像使用正确的url路径可能会耗费大量的时间和精力而根本没有成功.

所以,在我的主页上,我尝试使用以下方法之一:

<img src="../assets/img/image.jpg"/>
<img src="/assets/img/image.jpg"/>
<img src="assets/img/image.jpg"/>
<img src="./assets/img/image.jpg"/>
<img src="../../assets/img/image.jpg"/>
Run Code Online (Sandbox Code Playgroud)

所有这些都显示在浏览器上,但不在设备上.

我已经阅读了很多线程,但这是不可靠的,但是没有真正的解决方案.我真的很想知道我在这里做错了什么?任何帮助和真正的解决方案将非常感谢.

ionic-framework ionic2 angular

38
推荐指数
3
解决办法
4万
查看次数

在Ionic 2中的页面之间传递数据

我对Ionic很新,偶然发现了我在下面的代码中遇到的问题.我有一个名为restaurant.html的页面,其中列出了餐馆,当点击每个项目时,数据被传递(从服务文件中提取的数据)到另一个应该提供完整详细信息的页面.然而,这似乎没有传递每个不同的餐厅的细节.谁能告诉我哪里出错了?

这是页面.

restaurant.html

<ion-header>

  <ion-navbar color="restaurant-color">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Restaurants</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding class="restaurants attractions common-bg">
  <div class="card round" margin-bottom *ngFor="let restaurant of restaurants" (click)="viewRestaurant(restaurant.id)">
    <div class="card-header" [ngStyle]="{'background-image': 'url(' + restaurant.thumb + ')'}"></div>
    <div class="padding-xs">
      <h5>{{ restaurant.name }}</h5>
      <div class="rating">
        <ion-icon name="md-star" color="restaurant-color" *ngFor="let star of range(restaurant.rating)"></ion-icon>
        <ion-icon name="md-star" color="gray" *ngFor="let star of range(5 - restaurant.rating)"></ion-icon>
        <span color="gray">{{ restaurant.reviews.length }} reviews</span>
      </div>
      <span color="gray">Recommended for:</span>
      <div>
        <div class="pull-left">
          <span color="restaurant-color">{{ restaurant.scores[0].name }},</span>
          <span color="restaurant-color">{{ restaurant.scores[1].name }}</span> …
Run Code Online (Sandbox Code Playgroud)

typescript ionic2 angular

5
推荐指数
1
解决办法
6384
查看次数

尝试更改 Ionic 应用程序状态栏文本颜色

似乎有多个线程在讨论这个问题,但没有任何真正的解决方案。我希望这会是简单的事情。基本上,我想要做的就是更改状态栏文本颜色,因为我的标题/导航栏/状态栏是深蓝色。默认文本颜色为黑色,我只想将其更改为白色,就这么简单。

我在哪里进行这些更改?我已经安装了状态栏插件,我的配置文件在下面(在某些线程中没有建议任何更改)。

<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />
<preference name="StatusBarStyle" value="default" />
<preference name="SplashScreen" value="screen" />
<preference name="orientation" value="portrait" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
<preference name="SplashScreenDelay" value="3000" />
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

android ios angularjs ionic-framework ionic2

3
推荐指数
2
解决办法
8842
查看次数

标签 统计

ionic2 ×3

angular ×2

ionic-framework ×2

android ×1

angularjs ×1

ios ×1

typescript ×1