Primeng UI框架ionic3 中下拉选择插件p-dropdown 插件的使用方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1、html引入：

<p-dropdown float-right [options]="sortOption"  [(ngModel)]="sortNow" optionLabel="name" (onChange)="changeType()"></p-dropdown>

2、在当前总模块或页面模块里引入模块：

import {DropdownModule} from 'primeng/dropdown';

3、在ts页面中初始化组件的值，并获取选中的值，并提交个后台：

export class DerailParticulars {

    // 初始化下拉选项的值

    sortOption:Array<object> = [];

    // 初始化默认选中的下拉框的值(必须和this.sortOption内元素的数据类型一致）

    sortNow:any = {name:'最新作品',type:'newest'};

    ionViewDidLoad() {

        this.sortOption = [

            {name: '最新作品', type: 'newest'},

            {name: '热门作品', type: 'hot'}

        ];

    }

    changeType(){

        let type = this.sortNow.type;

        // 获取当前选中的下拉框的值对应的产品列表

        this.getProductList(type)

    }

    getProduceList(){

         // 获取产品列表请求

    }

}