离子范围用于选择和显示某物的水平。它将代表与最大值和最小值相关的实际值。 Ionic提供了一种使用Range的简单方法。

使用范围

范围用作内部项目元素。使用的类是range 。我们将把这个类放在item类之后。这将准备一个放置范围的容器。创建容器后，我们需要添加输入并为其分配范围类型以及名称属性。

上面的代码将产生以下屏幕-

添加图标

范围通常需要图标以清楚地显示数据。我们只需要在范围输入之前和之后添加图标，即可将它们放置在range元素的两侧。

上面的代码将产生以下屏幕-

造型范围

我们的下一个示例将向您展示如何使用离子颜色设置Range的样式。颜色类别将使用范围前缀。我们将创建一个包含九个范围的列表，并为其设置不同的样式。

上面的代码将产生以下屏幕-