我目前遇到了我正在编写的应用程序的问题。我想从动态创建的div和select元素中检索两个不同的列表。
<form (submit)="updateReviewerForIssue()">
<div class="table">
<div class="row header blue">
<div class="cell">Key</div>
<div class="cell">Summary</div>
<div class="cell">Reviewer</div>
</div>
<div *ngIf="reviews.issues.length === 0" class="row">
<div class="cell" data-title="Key">No reviews at this time.</div>
<div class="cell" data-title="Summary"></div>
<div class="cell" data-title="Reviewer"></div>
</div>
<ng-container *ngFor="let issue of reviews.issues;">
<div class="row" #row>
<!--Retrieve list of the issueKey-->
<div class="cell keyHolder" data-title="Key" #key id="{{issue.key}}" style="min-width: 175px;">
{{issue.key}}
</div>
<div class="cell" data-title="Summary">{{issue.fields.summary}}</div>
<div class="cell select" data-title="Reviewer" #reviewer>
<!--Retrieve list of the selected displayName-->
<select class="review">
<option disabled selected hidden>Select a user..</option>
<option *ngFor="let user of users" id="{{user.displayName}}" value={{user.displayName}}>
{{user.displayName}}
</option>
</select>
<div class="select__arrow"></div>
</div>
<ng-template #showEmptyList>
<select>
<option>No users found</option>
</select>
<div class="select__arrow"></div>
</ng-template>
</div>
</ng-container>
</div>
<input value="Assign Users For Review" type="submit" class="btn btn-green float-right">
</form>
我之后的列表是issue.key列表和所选的displayName列表。
我试过通过row.querySelectorAll(&#39; .select&#39;)来获取它,但后来我得到一个错误,我无法在未定义的对象上执行此操作。
有谁可以帮我解决这个问题?