Angular primeng使用記錄

p-dropdown 改變value和label 并進(jìn)行校驗的實現(xiàn)

<div class="form-group " style="display: flex;">
        <label class="label-width" for="repairPartSelect">*異常抄送角色:</label>
        <p-dropdown id="repairPartSelect" required name="repairPart" 
                         #repairPartSelect="ngModel"
                        [options]="unitsList" [(ngModel)]="ngForm.ccRole" dataKey="id" [filter]="true"         
                         filterBy="label"      [optionLabel]="'name'">
          </p-dropdown>
          <validation-messages [formCtrl]="repairPartSelect"></validation-messages>
</div>  

p-multiSelect 多選下拉 ---改變value和label 并進(jìn)行校驗的實現(xiàn)

<div class="form-group " style="display: flex;">
         <label class="label-width" for="repairPartSelect">*異常抄送角色:</label>

        <p-multiSelect [options]="unitsList" id="repairPartSelect" filter="filter"   
                 optionLabel="name"
                        dataKey="id" name="repairPart" #repairPartSelect="ngModel" required 
                        [(ngModel)]="ccRole"   [virtualScroll]="true" [itemSize]="34"></p-multiSelect>

        <validation-messages [formCtrl]="repairPartSelect"></validation-messages>
</div>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容