這是我所擁有的: https ://stackblitz.com/edit/duplicates-aas5zs?file=app/app.component.ts,app/app.component.html 我沒有什么問題。它必須找到重復的值并在下面列印它們。有什么幫助嗎?
我是陣列的新手,所以也許有人可以提供幫助嗎?我試過谷歌...
uj5u.com熱心網友回復:
基本上你想在那個輸入中寫數字并列印出重復的數字?
或者你需要知道重復的數字到一個陣列中?
順便說一下,您不需要使用包含的輸入,因為您已經在使用 ngModel,所以您的邏輯(.ts 檔案)中已經有了該值
uj5u.com熱心網友回復:
我正在輸入一些數字,例如:[3, 4, 3, 6, 7]。單擊按鈕后,從此輸入列印重復的數字。我真的需要幫助。
uj5u.com熱心網友回復:
有一個問題:
您可以使用此解決方案處理從 0 到 9 的數字,但您將忽略 2 位數字,例如“10”。
順便說一句,如果您只需要一個重復的數字查找器:
在您的 .ts 中,創建一個新方法(或調整您的方法之一):
inputNumbersString = '';
duplicatesResult = [];
findDuplicates(): void {
const arrOfDigits = Array.from(String(this.inputNumbersString), Number);
this.duplicatesResult = arrOfDigits.filter(
(item, index) => index !== arrOfDigits.indexOf(item)
);
console.log(this.duplicatesResult);
}
從輸入標簽中你得到一個字串,所以你必須將該字串轉換成數字,然后將數字分成數字,之后你檢查是否有重復的數字和 console.log 它們。更重要的是,您將結果分配給您將在 HTML 中使用的變數“duplicatesResult”。
在您的 HTML 中:
洗掉包裝輸入的 ng-container 和 *ngFor,您將為每個陣列元素創建 N-inputs 而您不需要它。
這里是您的新輸入和按鈕,現在按鈕在單擊時呼叫 findDuplicates,請注意您不需要輸入值,因為您已經將所有資料放入 .ts 檔案中:
<input [(ngModel)]="inputNumbersString" placeholder="Insert numbers please" />
<button (click)="findDuplicates()">CHECK DUPLICATES</button>
<span>{{ duplicatesResult }}</span>
跨度將對輸出進行排序。
現在您可以根據需要重新激活“已檢查”機制,您只需要檢查 duplicatesResult.lenght
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/535086.html
標籤:数组有角度的打字稿重复
上一篇:角度材料多選復選框當前值無法獲取
