添加带有离子的可选配置项的标准方法是什么?

时间:2017-12-06 20:27:12

标签: typescript ionic-framework ionic3

我想知道构建类似内容的标准方法(参见图片中的Manage Labels条目):

enter image description here

看起来像这样吗?

<ion-list>
  <button ion-item (click)="selectLabelsOption()">
    Manage labels
    <p>{{selectedLabelsOption}}</p>
  </button>
<ion-list>

然后当您单击该行时,会显示一条警告,如下所示:

enter image description here

你是如何实现这一目标的?

警报控制器是否包含取消按钮和每个单选按钮上的处理程序?

或者还有另一个组件吗?

1 个答案:

答案 0 :(得分:0)

您可以使用ion-select

<ion-item>
  <ion-label>Chose Assist App</ion-label>
  <ion-select [(ngModel)]="choice">
    <ion-option value="a">Google App</ion-option>
    <ion-option value="b">Clip Layer</ion-option>
    <ion-option value="b">None</ion-option>
  </ion-select>
</ion-item>

请参阅文档here