从动态创建的嵌套div中获取值列表并选择angular

时间:2018-03-02 09:50:40

标签: html angular typescript

我目前遇到了我正在编写的应用程序的问题。我想从动态创建的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;)来获取它,但后来我得到一个错误,我无法在未定义的对象上执行此操作。

有谁可以帮我解决这个问题?

0 个答案:

没有答案