Официальные документы Ionic4 в на ионно-подборщике компонента не дают соответствующий образец кода, но его место в верхнем правом углу показывает эффект образца кода ниже имеет соединение GitHub, этот код не является стандартной ионной структурой проекта, но с использованием того же принципа здесь я изменил формулировку ионных проектов:
HTML:
< Ион-кнопка расширения = "блок" (щелчок) = "openPicker ()" >点击</ ион-кнопка >
JavaScript:
импорта {Компонент, OnInit} от '@ угловой / ядра' ; импорт {PickerController} из @ ионного / углового ' ; @Component ({ селектор: 'приложение-редактирования' , templateUrl: './edit.page.html' , styleUrls: [ »./edit.page.scss' ] }) экспорт класс EditPage реализует OnInit { конструктор (частный pickerController : PickerController) {} ngOnInit () { } общественного асинхронной openPicker () { константные Picker = ждут этой .pickerController.create ({ колонки: это .getColumns () кнопки: [ { текст: 'отмена' , Роль: 'Отмена' }, { текст: 'OK' , Handler: (значение) => { console.log ({$ `значение [ 'COL-0' ]}` .text); } } ] }); Await picker.present (); } Частные O getColumns () { // Ионно-Pick есть проблема, динамически создается при создании метода в полученных параметрах не непосредственно подчиненных столбцы буквальным должен создавать каждый вызов новый объект, объект будет сохранен мгновенно свойство ххх объект компонента, здесь ответным this.xxx, этот способ не работа, приведет во второй раз , чтобы открыть стиль не является нормальным. Возвращение [ { имя: 'COL-0', Параметры: [ { текст: "вариант 1" , значение: 0 }, { текст: "Вариант 2" , значение: 1. }, { Текст: "вариант 3." , Значение: 2 } ] } ]; } }