离子缩略图列表渲染不正确答案

【问题标题】：Ionic Thumbnail List render incorrectly离子缩略图列表渲染不正确
【发布时间】：2018-01-25 06:39:27
【问题描述】：

我使用离子缩略图列表，如文档所述： ```

<ion-item>
  <ion-thumbnail item-start>
    <img src="assets/img/thumbnail-totoro.png">
  </ion-thumbnail>
  <h2>My Neighbor Totoro</h2>
  <p>Hayao Miyazaki • 1988</p>
  <button ion-button clear item-end>View</button>
</ion-item>

``` 当它没有正确呈现时，我将相同的代码复制到我的项目中。我的列表视图显示如下：

我检查了 html ion-item 和 ion-thumbnail 生成的是

它不喜欢离子示例。 ion-thumbnail 指令被 ion-label 错误地包裹。

我不知道发生了什么，下面是我的离子信息

```

cli 包：

@ionic/cli-plugin-cordova       : 1.5.0 (/Applications/My-Project/sharemap/node_modules/@ionic/cli-plugin-cordova)
@ionic/cli-plugin-ionic-angular : 1.4.0 (/Applications/My-Project/sharemap/node_modules/@ionic/cli-plugin-ionic-angular)
@ionic/cli-utils                : 1.6.0 (/Applications/My-Project/sharemap/node_modules/@ionic/cli-utils)
ionic (Ionic CLI)               : 3.6.0 (/Applications/My-Project/sharemap/node_modules/ionic)

全局包：

Cordova CLI : 6.4.0

本地包：

@ionic/app-scripts : 1.3.0
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.0.1

系统：

Android SDK Tools : 26.0.2
Node              : v6.10.1
OS                : macOS Sierra
Xcode             : Xcode 8.3 Build version 8E162
ios-deploy        : 1.8.1
ios-sim           : 5.0.6
npm               : 3.10.3

```

我的代码有什么问题？

【问题讨论】：

ion-item 假设是 ion-list 的子项。例如： ....

标签： ionic-framework ionic2

【解决方案1】：

我找到了解决方案：我把item-start指令改成item-left，问题就解决了。

我不明白为什么这个指令不像 Ionic Document 所说的那样工作。

我还发现item-end 也不能像文档那样工作。你需要改成item-right。

正确的代码如下：

<ion-item>
  <ion-thumbnail item-left>
    <img src="assets/img/thumbnail-totoro.png">
  </ion-thumbnail>
  <h2>My Neighbor Totoro</h2>
  <p>Hayao Miyazaki • 1988</p>
  <button ion-button clear item-end>View</button>
</ion-item>

【讨论】：