标签：pdo 属性 top name tno key 提交 prim 初始化
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> = []; // 初始化默认选中的下拉框的值 sortNow:any = ‘最新作品‘; ionViewDidLoad() { this.sortOption = [ {name: ‘最新作品‘, type: ‘newest‘}, {name: ‘热门作品‘, type: ‘hot‘} ]; } changeType(){ let type = this.sortNow.type; // 获取当前选中的下拉框的值对应的产品列表 this.getProductList(type) } getProduceList(){ // 获取产品列表请求 } }
解释：1、this.sortNow 为当前选中的下拉框的值对应的this.sortOption中的某个对象，this.sortNow.type即为提交给后台的类型值。
2、html里的optionLabel属性值应和初始化下拉框值列表的要显示的类型的属性名对应。如示例中的name属性。
4、完结。
Primeng UI框架ionic3 中下拉选择插件p-dropdown 插件的使用方法
标签：pdo 属性 top name tno key 提交 prim 初始化
原文地址：https://www.cnblogs.com/hsl-shiliang/p/9055491.html
