Record

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

angular *ngFor 1

Angular *ngFor

ngFor를 사용하는 방법은 다음과 같다. 예를 들어 게시판의 글 데이터의 수만큼 html 코드를 반복해야한다고 하면, 아래 코드처럼 반복할 html 문 태그 안에 *ngFor="let 데이터 of 데이터배열" 을 넣어주면 된다. 데이터를 출력할 때는 *ngFor="let data of datas" data.board_id 이런식으로 출력해도 되고 *ngFor="let data of datas; let i=index;" data_title[i] data_content[i] index를 이용하여 출력해도 된다. 즉 서버에서 데이터를 요청/응답받아 datas, data_title, data_content 배열에 넣고, 그 배열의 수만큼 html 에서 for문을 돌려 출력해주는 것이다. 그러면 이런식으로 게시..

Web/Angular 2020.12.09
1
더보기
프로필사진

부족하지만 꾸준히 나아가겠습니다. instagram @__bo0o_

  • 전체보기 (108)
    • About my thoughts (10)
    • Information (4)
    • Install (0)
    • Web (52)
      • Setting (2)
      • Angular (5)
      • React (19)
      • React-native (6)
      • Ionic (1)
      • LOS (8)
      • webhacking.kr (3)
      • Web vulnerabilities (2)
    • Git (6)
    • modify (6)
    • Language (13)
      • Python (3)
      • Java, Jsp (9)
      • Php (1)
    • Backend (5)
      • Database (3)
      • Spring boot (2)
    • Network (4)
    • Forensics (1)
    • Raspberry Pi (6)
    • Etc (0)

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

Tag

react 다국어 처리, Get 방식, react i18next 객체 접근, react i18next .접근, 맞지 않는 연애, 라즈베리파이3 화면 위아래, URL 인코딩, react 다국어 처리 배열, Post 방식, 라즈베리파이3 디스플레이 위아래, i18next, 소문, 성향이 다른, 당연하게 여기는 사람, react i18next 배열, 라즈베리파이3 화면 위아래 바꾸기, react i18next, react i18next array, 라즈베리파이3, pycharm,

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바