首頁猿問從下拉列表中禁用最低值

從下拉列表中禁用最低值

JavaScript

米琪卡哇伊 2021-09-30 17:18:45

我有一個下拉列表數組，顯示在我的 UI 中如何禁用數組中的所有最高元素，我只想啟用數組中的最低值<select class="select-option" name="tier" required [ngModel]="tierDropDown"> <option value="select Tier" selected>Select Tier</option> <option class="option" *ngFor="let tier of tierList" let i="index" value="{{tier}}" [disabled]="arr"> {{ tier }} </option></select>.TS 文件：tierList = ["Tier1", "Tier2", "Tier3", "Tier4", "Tier5"]this.arr = [];let min = this.tierList;this.arr = min.sort();this.arr.splice(this.arr[0], 1);console.log(this.arr);this.arr.splice(this.arr[0], 1);console.log(this.arr);這將返回拼接較低的元素和所有較高的元素，所以我[disabled]在 HTML 文件的屬性中綁定該值，但結果是我的所有下拉值都被禁用

查看完整描述

3 回答

慕森王

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

似乎有比此處提供的答案更簡單的方法。ngFor已導出可以別名為局部變量的值（來源：docs）。我們可以使用first局部變量來禁用除first下拉列表中的所有元素。

根據文檔

first: boolean: 當項目是可迭代中的第一項時為真。

考慮到這一點，我們可以first使用[disabled]="!first"

這是您的 HTML 現在的外觀

<option value="select Tier" selected>Select Tier</option>

</option>

</select>

然后在你的組件中排序tierList。

反對回復 2021-09-30

慕虎7371278

TA貢獻1802條經驗獲得超4個贊

您可以將數組中的最小值存儲在局部變量中，然后將該變量用于[disabled]屬性：

HTML代碼：

<option value="select Tier" selected>Select Tier</option>

</option>

</select>

TS：

@Component({

selector: 'select-overview-example',

templateUrl: 'select-overview-example.html',

styleUrls: ['select-overview-example.css'],

})

export class SelectOverviewExample {

tierList = ["Tier1", "Tier5", "Tier3", "Tier4", "Tier2"]

LowestValue: any;

constructor() {

this.LowestValue = this.tierList.sort()[0];

}

反對回復 2021-09-30

ITMISS

TA貢獻1871條經驗獲得超8個贊

您可以使用以下答案，

您的html 文件

<option value="select Tier" selected>Select Tier</option>

</option>

</option>

</select>

在.ts文件中，

tierList =["Tier1","Tier2","Tier3","Tier4","Tier5"];

arr = [];

let min = this.tierList;

this.arr = min.sort();

this.arr.splice(this.arr[0], 1);

this.arr = this.arr.splice(this.arr[0], 1);

this.arr = this.arr[0]

console.log(this.arr[0]);

console.log(this.tierList);

這個答案對你有用。

反對回復 2021-09-30

3 回答
0 關注
214 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

從下拉列表中禁用最低值

從下拉列表中禁用最低值

3 回答

添加回答