第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

對下拉列表進行排序

對下拉列表進行排序

素胚勾勒不出你 2023-09-28 15:42:48
當用戶使用單選按鈕選擇他想要的排序類型時，我在對下拉列表進行排序時遇到問題。如果他選擇上升，則列表將從最低數字到最高數字排序。如果他選擇后代，那么這將是從最高到最低的數字。這是我的代碼<div *ngIf="!estNom" id="choix" class="row">    <h1 class="col-12"> Les Citoyens </h1>    <section class="col-12">        <h2>Sélection Par NAS:</h2>               <select (change)="surSelection($event.target.value)">            <option selected disabled hidden>Choisissez:</option>            <option *ngFor="let cito of citoyens" [value]="cito.id">{{cito.id}} : {{cito.nom}}</option>        </select>        <button (click)="activerSelectionNom()"> Trier Par Nom </button>        <section >            <input type="radio" id="Ascendant" name="radio1" value="Ascen">            <label for="Ascen">Ascendant</label><br>            <input type="radio" id="Descendant" name="radio2" value="Descen">            <label for="Descen">Descendant</label>        </section>               </section>   </div>
查看完整描述

2 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

在radio值改變事件的回調函數中調用該函數。


function sortCitoyens(citoyens, isAsc) {

    if(isAsc){

        citoyens.sort((a,b)=>a.id-b.id)

    }else{

        citoyens.sort((a,b)=>b.id-a.id)

    }

}


查看完整回答
反對 回復 2023-09-28
?
皈依舞

TA貢獻1851條經驗 獲得超3個贊

有人發(fā)布了答案，然后將其刪除，但我有時間這樣做并且它有效，所以謝謝大家的幫助:)


 <section class="col-12">


        <h2>Sélection Par Nom:</h2>


            <select (change)="surSelection($event.target.value)">


                <option value="" selected disabled hidden>Choisissez:</option>

                <option *ngFor="let cito of citoyens.sort()" [value]="cito.id">{{cito.nom}} : {{cito.id}}</option>

    

            </select>


            <button (click)="activerSelectionNAS()"> Trier Par NAS </button>

    

            <section>

    

               

                <input type="radio" id="asc" name="sort" (click)="sort('asc')"> &nbsp;

                <label for="asc">Ascendant</label><br>


                <input type="radio" id="desc" name="sort" (click)="sort('desc')" > &nbsp;

                <label for="desc">Descendant</label>

                


            </section>

           


    </section>


sort(type: string) {

  const sortList = (a: any, b: any) => a.nom.toLowerCase().localeCompare(b.nom.toLowerCase());


  this.citoyens = type === "asc"

    ? this.citoyens.sort((a: any, b: any) => sortList(a, b))

    : this.citoyens.sort((a: any, b: any) => sortList(b, a));

}


查看完整回答
反對 回復 2023-09-28
  • 2 回答
  • 0 關注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號