'div'의 알려진 속성이 아니므로 'target'에 바인딩할 수 없습니다.

'div'의 알려진 속성이 아니므로 'target'에 바인딩할 수 없습니다.

이 질문에는 이미 다음과 같은 답이 있습니다.

Angular를 사용하여 데이터 속성을 작성하려면 어떻게 해야 합니까? (2개 답변)

마감됨8개월 전에.

축소 기능을 구현하는 동안 다음 오류가 발생합니다.

오류: 템플릿 구문 분석 오류: 'div'의 알려진 속성이 아니므로 'target'에 바인딩할 수 없습니다.

app.component.vmdk:

<div *ngFor = "let ele of elements; let RowIndex = index">
    {{ele.name}} 
    <button data-toggle="collapse" 
            data-target="#demo{{RowIndex}}">Toggle
    </button>
    <div id="demo{{RowIndex}}" class="collapse">Lorem Ipsum</div>

</div>

하지만 내가 단순히 사용한다면,data-target="#demo"그것은 잘 작동하고 있습니다.하지만 내가 구속될 때{{RowIndex}}오류를 표시하는 것보다.

속성 바인딩을 놓쳤습니다.

<button data-toggle="collapse" 
        [attr.data-target]="'#demo'+ RowIndex">Toggle
</button>


<button (click)="clickMe($event)">Toggle</button>

clickMe(value){
    value.srcElement.innerHTML="Clicked";

  }

Angular의 특성 바인딩 구문을 사용합니다.

다음 중 하나를 사용합니다.

<button data-toggle="collapse" 
        attr.data-target="#demo{{RowIndex}}">Toggle
</button>

또는

<button data-toggle="collapse" 
        [attr.data-target]="'#demo' + RowIndex">Toggle
</button>

속성 바인딩 사용: attr.data-target="{your-target}"

div 대신 href 태그를 사용할 수 있습니다. 아래 코드를 확인할 수 있습니다.

<div class="card" *ngFor="let service of servicesArr;let i = index">
  <a data-toggle="collapse" href="#{{i}}{{service.name}}">{{service.label}}</a>
  <div id="{{i}}{{service.name}}" class="collapse">
     Lorem ipsum dolor text....
  </div>
</div>

<ng-container matColumnDef="opciones">

 <th mat-header-cell *matHeaderCellDef> Opciones </th>
 <td mat-cell *matCellDef="let item" class="text-center" role="button">  
  <a [routerLink]="['/panel/clientes',item._id]" matTooltip="Editar"><i class="bi bi-pencil-square"></i></a>&nbsp;
  <a role="button" data-bs-toggle="modal" href="#delete-{{item._id}}" matTooltip="Borrar"><i class="bi bi-trash-fill"></i></a>
  
  <!-- Modal -->
  <div class="modal fade"  id="delete-{{item._id}}" tabindex="-1" aria-hidden="true">
  ....**strong text**    
  </div>

 </td>
</ng-container>

언급URL : https://stackoverflow.com/questions/43386590/cant-bind-to-target-since-it-isnt-a-known-property-of-div