TA貢獻1818條經驗 獲得超7個贊
請更新您的addSubData功能，如下所示 -
addSubData(user: any) {
let i: any;
i = document.querySelectorAll('input[type="checkbox"]:checked');
for(var checked of i) {
const newUser = Object.assign({}, user)
newUser.dl = checked.value;
newUser.sub_impact = "Applicable";
newUser.co_score = "Added";
this.userObj.assigned_to.push(newUser);
}
}
問題是您將這些值分配給同一個用戶對象。所以它也在更新數組中的值。您需要使用克隆您的用戶對象Object.assign。
另外，您通過索引遍歷數組來獲取值，但索引k-1將始終在 for 循環中返回相同的值，因為它們在 for 循環中是常量。我已經更新了代碼，因此它可以從復選框本身中獲取。
除此之外，還有一些小問題，我想一旦你解決了這個問題，你就會遇到這些問題。
TA貢獻1877條經驗 獲得超1個贊
你的代碼有點混亂。真的我無法想象你想這樣做，但是..
第一的。當我們有輸入時，在 Angular 中我們使用[(ngModel)]="variable". 這使得在 .ts 中我們有變量的值，在 .html 中我們顯示變量的值。
因此，在 .ts 中定義四個變量
gender:string
impact:string
fromDate:any
toDate:any
你的“申請表格”必須是這樣的
Gender:<select [(ngModel)]="gender">
...
</select>
Impact:<select [(ngModel)]="impact">
...
</select>
<input type="date" [(ngModel)]="fromDate">
<input type="date" [(ngModel)]="toDate">
class="form-control form-control-sm"
name="gender"
ngModel
[ngModelOptions]="{updateOn: 'submit'}"
>
同上，當您循環遍歷類別時，您可以使用輔助數組
categories:boolean[]=[]
并使用
<ul *ngFor="let list of dlCategory">
<div class="form-check form-check-inline">
<input type="checkbox" [(ngModel)]="categories[i]
name="{{list.name}}">
<label class="form-check-label" for="">{{list.label}}</label>
</div>
</ul>
好吧，我在之前的文章中告訴你如何“轉換”數組中檢查值的列表與檢查的值，這樣
因此，我們將創建一個包含 true、false 的布爾值數組，將“用戶”的屬性變成具有所選值的
<ul *ngFor="let list of dlCategory">
<div class="form-check form-check-inline">
<input #check type="checkbox"
[ngModel]="user.categories.indexOf(list.name)>=0"
(ngModelChange)="onChange(list.name,check.checked)"
name="{{list.name}}">
<label class="form-check-label" for="">{{list.label}}</label>
</div>
</ul>
onChange 變得像
onChange(option:string,checked:boolean)
{
if (checked && this.user.categories.indexOf(option)<0)
this.user.categories=[...this.user.categories,option]
.sort((a,b)=>this.dlCategory.findIndex(x.name==a)>this.dlCategory.findIndex(x.name==b)?1:-1)
if (!checked)
this.user.categories=this.user.categories.filter(x=>x!=option)
}
最后，當我們想要顯示類別的數據時，我們可以迭代 dlCategory 并僅顯示貓是否在 user.categories 中
<div *ngFor="cat of dlCategories;let i=index>
<ng-container *ngIf="user.categories.indexOf(cat.name)>=0">
{{cat.name}}{{cat.value}}
<ng-container>
</div>
注意：我很著急，代碼可能有語法錯誤，但我希望答案可以幫助你一些
舉報