angular - Ion-list 是否应该自动在列表项上添加箭头？

Question

Ionic 2 文档使箭头看起来像是自动附带的。然而，它对我来说不是那样工作的。

https://ionicframework.com/docs/components/#lists

<ion-list>
         <ion-item>
           <p>Terms Of Use</p>
         </ion-item>
         <ion-item>
           <p>Privacy Policy</p>
         </ion-item>
</ion-list>

Answer 1

您所说的箭头是详细信息箭头 ( docs )。就像您在文档中看到的那样:

By default, and elements with the ion-item attribute will display a right arrow icon on ios mode.

和

To hide the right arrow icon on either of these elements, add the detail-none attribute to the item. To show the right arrow icon on an element that doesn't display it naturally, add the detail-push attribute to the item.

关于 Android 和 Windows 手机，

This feature is not enabled by default for md and wp modes, but it can be enabled by setting the Sass variables $item-md-detail-push-show and $item-wp-detail-push-show, respectively, to true. It can also be disabled for ios by setting $item-ios-detail-push-show to false

所以如果你想为 android 和 windows phone 启用它，你只需要在你的 variables.scss 文件中添加以下内容:

$item-md-detail-push-show: true;
$item-wp-detail-push-show: true;