1、安装
npm install ion-multi-picker --save
2、导入模块
import { MultiPickerModule } from 'ion-multi-picker';
@NgModule({
imports: [
IonicModule.forRoot(MyApp),
**MultiPickerModule**
]
3、html文件中引入
<ion-multi-picker item-content [multiPickerColumns]="heightChoose" [(ngModel)]="defaultHeight" (ionChange)="historyPickerChange($event)" [cancelText]="'cancel'" [doneText]="'done'" [resetText]="'reset'" [showReset]="false"></ion-multi-picker>
4、数据
constructor() {
this.heightChoose = [
{
options: [
{text: "0", value: "0"},
{text: "1", value: "1"},
{text: "2", value: "2"},
{text: "3", value: "3"},
{text: "4", value: "4"},
{text: "5", value: "5"},
{text: "6", value: "6"},
{text: "7", value: "7"},
{text: "8", value: "8"},
{text: "9", value: "9"},
{text: "10", value: "10"},
]
},
{
options: [
{text: "00", value: "0"},
{text: "01", value: "1"},
{text: "02", value: "2"},
{text: "03", value: "3"},
{text: "04", value: "4"},
{text: "05", value: "5"},
{text: "06", value: "6"},
{text: "07", value: "7"},
{text: "08", value: "8"},
{text: "09", value: "9"},
{text: "10", value: "10"},
// {text: "1-1", value: "1-1", parentVal: "1"}, 指定父级
// {text: "1-2", value: "1-2", parentVal: "2"},
]
}, {
options: [
{text: "am", value: "0"},
{text: "pm", value: "1"},
]
}
];
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。