홈>
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
- 답변 # 2
알겠습니다. 게시 후 곧. 표를 목록과 같이 변경하면 작동하는 것 같습니다.
이것처럼 :
<table> <tr *ngFor="let item of items"> <td>{{ item.property1 }}</td> <td>{{ item.property2 }}</td> </tr>
그래서 구문은 확실했습니다. 그래도 어디에도 예제가 없다는 것은 놀라운 일입니다. 또한 누군가가 그 테이블 중 하나를 만드는 방법을 말해 줄 수 있다면 (지금은 아니오라고 가정합니다) 여전히 귀하의 답변을 수락합니다.
관련 자료
- javascript - HTML/CSS + JS (Datatables)에서 두 열을 하나로 병합하여 테이블 표시
- html - display - table이있는 동일한 div의 테이블 셀 아래에 요소를 만들려면 어떻게해야합니까?
- javascript - 테이블 셀을 반복하고 산만의 결과를 표시하는 방법
- Firebase에서 정보를 검색하고 자바 스크립트를 사용하여 HTML 테이블에 표시하는 방법
- macos - Swift에서 조건부로 테이블보기로 이미지보기 표시
- 안드로이드로 테이블에 MySQL 데이터를 표시하는 방법
- php - 행 그룹에 대해 테이블에 홀수/짝수 표시하는 방법?
- mysql - 데이터베이스에서 두 테이블 데이터를 검색하고 PHP를 사용하여 새 테이블에 표시 및 삽입
- vue.js - 요소 UI 테이블에 중첩 셀을 표시하는 방법은 무엇입니까?
- php - html 테이블 셀에 group_concat 결과를 별도로 표시하는 방법은 무엇입니까?
- mysql - 다중 상호 연결 테이블 조인을 사용하여 특정 테이블에 존재하지 않는 데이터 표시
- javascript - reactjs를 사용하여 테이블의 API에서 가져온 데이터를 표시하는 방법
- ReactJS의 목록 맨 위에 가장 최근 날짜가있는 테이블에 mongoDB 데이터 표시
- javascript - image_id가 order_id와 같으면 테이블 열에 이미지 표시
- javascript - 버튼을 눌렀을 때 HTML 페이지에 배열을 표로 표시하려면 어떻게합니까?
- javascript - 테이블에 모든 db 항목을 표시하는 방법
- html - 데이터베이스 테이블에서 데이터 추출 및보기에 표시
- eloquent - laravel의 Auth 사용자를 기반으로 다른 테이블의 데이터를 어떻게 표시합니까?
- c# - 배열을 테이블의 목록으로 표시하는 방법 Angular
- php - SQL에 테이블 이름을 표시하는 방법
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- JavaScript 변수를 HTML div에 '출력'하는 방법
- python - 문자열에서 특정 문자 제거
ng-repeat는 angularjs 구문이며 ngFor는 컬렉션 및 렌더링 요소를 반복하는 최신 앵귤러 버전 구문입니다.
여기서는각 다트
를 사용하여 표를 만드는 예를 찾을 수 있습니다.두 번째 질문에 답하기 위해 ngFor와 함께 앵귤러 머티리얼을 사용하여 테이블을 만들 수 있습니다
스택 블릿츠 예