각도에서 td 속성 colspan으로 속성 바인딩을 사용하는 방법은 무엇입니까?

각도에서 td 속성 colspan으로 속성 바인딩을 사용하는 방법은 무엇입니까?

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

각도 2에서 colspan이 알려진 네이티브 속성이 아닌 이유는 무엇입니까? (3개 답변)

닫힘5년 전에.

저는 테이블 요소를 앵글로 작업하고 있었습니다.제 코드를 통해서도 잘 작동합니다.하지만 제가 다음 주에 대한 재산적 구속력을 구현해야 할 때td기여하다colspan브라우저 콘솔에서 아래 오류를 표시합니다.

Uncaught Error: Template parse errors:
  Can't bind to 'colspan' since it isn't a known property of 'td'. ("Total Rows:
                    </td>
                    <td [ERROR ->]colspan="{{count}}">
                      {{rows}}
                    </td>

제가 시도한 것은 다음과 같습니다.

<table class="table table-hover" width="100%">
    <tr>
        <th *ngFor="let col of columns">
            {{col}}
        </th>
    </tr>
    <tr *ngFor="let data of getFilteredData">
        <td *ngFor="let col of columns">
            {{data[col]}}
        </td>
    </tr>
    <tr>
        <td colspan="{{count}}">
            Total Rows: {{rows}}
        </td>
    </tr>
</table>

원하는 것:

나의 .ts 파일에서 나는.count열 배열의 길이 값입니다. 따라서 내 바닥글 셀의 길이가 무엇이든 속성 바인딩을 사용하여 균등하게 분포됩니다.

저도 노력합니다.

• [colspan]="count"
• colspan='count'"

하지만 이 중 어떤 것도 작동하지 않았고 같은 오류를 보여주었습니다.

이거 먹어봐요.

속성에 바인딩하려면[attr.colspan]="count"통사론

여기서 colspan은 td 요소의 속성이 아닙니다. colspan은 속성입니다.그래서 우리는 colspan에 prefix atttr을 추가해야 합니다. 만약 우리가 atttr 접두사를 쓰지 않는다면 angular는 그것이 속성이라고 생각해서 에러를 던지게 됩니다.

언급URL : https://stackoverflow.com/questions/50008477/how-to-use-property-binding-with-td-attribute-colspan-in-angular