각도 4로 인해 데이터 속성을 사용할 수 없습니다.

Question

jQuery 네 스터블 라이브러리를 사용하려고하고 있으며 목록 요소에 데이터 ID와 데이터 가중치를 설정해야합니다. 여기에 필요한 목록 스키마입니다 :

: 이것은 내 nestable.directive.ts

Can't bind to 'weight' since it isn't a known property of 'li'. 

입니다 :

이

<div class="dd" id="nestable"> 
     <ol class="dd-list"> 
      <li class="dd-item" data-id="10" data-weight="1"> 
       <div class="dd-handle">Item 1</div> 
      </li> 
      <li class="dd-item" data-id="29" data-weight="2"> 
       <div class="dd-handle">Item 2</div> 
      </li> 
      <li class="dd-item" data-id="58" data-weight="3"> 
       <div class="dd-handle">Item 11</div> 
      </li> 
     </ol> 
    </div> 

그러나, 매번 내가 요소에 속성을 할당하려고, 나는 아래의 오류

@Directive({ selector: '[uiNestable]' }) 
export class NestableDirective { 
    constructor(el: ElementRef) { 
     $(el.nativeElement).nestable({ 
      group: 1 
     }); 
    } 
} 

도움을 주시면 감사하겠습니다.

Answer 1

attr 바인딩 구문을 사용하여 data-weight 속성에 바인딩을 시도하십시오.

<li class="dd-item" data-id="10" [attr.data-weight]="1"> 
    <div class="dd-handle">Item 1</div> 
</li> 

Demo