>

Q1.AngularDart에 테이블을 표시하는 방법? 어떤 이유로 든 인터넷에서 이에 대한 예를 찾지 못하는 것 같습니다.

JS 또는 Dart에 익숙하지 않으며 호환되는지 (교환 할 수 있는지) 확실하지 않습니다.

이 시점에서 모든 테이블이 수행되지만 결국 Q2의 테이블은 좋을 것입니다. 이 코드와 함께 사용할 목록을 얻을 수 있습니다 :

<material-list>
<material-list-item *ngFor="let item of items">
    {{item.property1}}
</material-list-item>
</material-list>

하지만 W3schools에서이 코드로 테이블을 만들려고하면 작동하지 않습니다.

<table>
    <tr ng-repeat="item in items">
    <td>{{ item.property1 }}</td>
    <td>{{ item.property2 }}</td>
    </tr>
</table>

목록을 만들어서 항목에서 항목을 가져 오는 것이 작동하는 것처럼 구문이나 다른 것 같음을 확인할 수 있습니까? 훌륭한 튜토리얼을 알고 있다면!

<시간>

Q2. 내가 요청하고 결국 이것을 작동시킬 수 있다고 가정 할 때 AngularJS 대신 AngularDart에서 이와 같은 테이블을 만들 수 있는지 아는 사람이 있습니까? https://material.angular.io/components/table/examples

>

  • 답변 # 1

    ng-repeat는 angularjs 구문이며 ngFor는 컬렉션 및 렌더링 요소를 반복하는 최신 앵귤러 버전 구문입니다.

    <tr *ngFor="let item of items">
        <td>{{ item.property1 }}</td>
        <td>{{ item.property2 }}</td>
    </tr>
    
    

    여기서는각 다트

    를 사용하여 표를 만드는 예를 찾을 수 있습니다.

    두 번째 질문에 답하기 위해 ngFor와 함께 앵귤러 머티리얼을 사용하여 테이블을 만들 수 있습니다

    스택 블릿츠 예

  • 답변 # 2

    알겠습니다. 게시 후 곧. 표를 목록과 같이 변경하면 작동하는 것 같습니다.

    이것처럼 :

    <table>
    <tr *ngFor="let item of items">
        <td>{{ item.property1 }}</td>
        <td>{{ item.property2 }}</td>
    </tr>
    
    

    그래서 구문은 확실했습니다. 그래도 어디에도 예제가 없다는 것은 놀라운 일입니다. 또한 누군가가 그 테이블 중 하나를 만드는 방법을 말해 줄 수 있다면 (지금은 아니오라고 가정합니다) 여전히 귀하의 답변을 수락합니다.

관련 자료

  • 이전 weblogic12c - Weblogic 서버의 Oracle Ords 1174
  • 다음 파이썬에서 문자열에 정수를 입력 할 때 코드가 다른 것을 출력하는 방법