Как правильно связать значения id и data-target с angular2 +? - PullRequest
Новая
       12

Как правильно связать значения id и data-target с angular2 +?

1 голос
/ 13 января 2020

Пытаюсь связать значения id и data-target, чтобы показать bootstrap модальный для каждого элемента в ngFor: 

<div *ngFor="let item of jobsList; let i = index" class="card text-center">
  <div class="card-header">
    {{item.name}}
  </div>
  <div class="card-body">
    <p [innerHTML]="item.description" class="card-text"></p>
    <button type="button" class="btn btn-primary" data-toggle="modal" [attr.data-target]="'#' + i">
      Launch demo modal
    </button>
    <div class="modal fade" [attr.id]="i" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
      <div class="modal-dialog modal-dialog-scrollable" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalScrollableTitle" [innerHTML]="item.name"></h5>

приведенный выше код не работает, почему?

...