홈>2020-02-26 09:28

angular - AngularDart에서 테이블을 표시하는 방법

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

angulardartangular-dart

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

Python2.net

angular - AngularDart에서 테이블을 표시하는 방법

관련 자료