Как добавить дополнительные атрибуты данных в элемент HTML и получить к ним доступ в HTML в Angular - PullRequest
Новая
       41

Как добавить дополнительные атрибуты данных в элемент HTML и получить к ним доступ в HTML в Angular

0 голосов
/ 04 марта 2019

Я пытаюсь привязать дополнительные данные к моему HTML-элементу, кроме значения, так как мне нужно несколько вещей в моей форме.Я добавляю фрагмент кода, который показывает, что я хочу.Мне нужно добавить атрибут данных в mat-options, чтобы я мог использовать его в mat-select-trigger.Я получаю asignees.value отлично.Но мне также нужно «удостоверение личности», как я могу отправить это.Если есть другой способ, я могу оценить вашу помощь. 

 <mat-form-field>
          <mat-select [formControl]="asignees" multiple>
            <mat-select-trigger>
              {{asignees.value ? asignees.value[0] : ''}}
              {{asignees.data-id ? asignees.data-id[0] : ''}}
              <span *ngIf="asignees.value?.length > 1" class="example-additional-selection">
                & {{asignees.value.length - 1}} more
              </span>
            </mat-select-trigger>
            <mat-option *ngFor="let member of projectMembers" [value]="member.data.name" [attr.data-id]="member.memberId">
              <div *ngIf="member.data.imageUrl === 'undefined' || !member.data.imageUrl"
                class="selectAsigneeNoImage">{{member.memberName}}</div>
              <img class="selectAsigneeImage" *ngIf="member.data.imageUrl !== 'undefined' && member.data.imageUrl"
                src="{{member.data.imageUrl}}">
              {{member.data.name}}
            </mat-option>
          </mat-select>
</mat-form-field>
...