양재동 코드랩 강의-3

강의를 들으면서 작성한 내용이므로 잘못된 점이나 보완해야 할 점은 댓글로 !

---

오늘은 ng-repeat에 대해 공부한당

 

 

angularjs 공식 문서 홈페이지에 가면 나와있는 ng-repeat에 대한 설명이다

쉽게 말하면 ng-repeat는 배열이랑 같이 사용할 때 좋고 일종의 for문처럼 사용할 수 있다고 한다

html파일

js파일

js파일에 위의 사진처럼 객체를 배열 형태로 작성하였다`

그러면 이런 결과가 나온다 ! 시간은 유닉스 시간표시법이라 저렇게 나오는것.. 

부트스트랩으로 꾸며봤는데 왜 적용이 안되는지 모르겠다

bootstrap import도 했는데..

list-unstyled로하면 앞에 점이 나오면 안되는데 나온다 ㅠ_ㅠ

시간은 맞는데 16030..어쩌구로 나오니까 현재 시간이 우리는 몇시인지 알 수 없다

그래서 이번에 사용할 것은 filter이다 !

파이프를 써서 나타내는것 같다ㅏ

 

아래는 홈페이지이다. 여기서 더 자세한 형식들을 확인할 수 있다.

https://docs.angularjs.org/api/ng/filter/date

AngularJS

예를들면 이런...?

 

아무튼 

우리가 보기 편한 형식을 적용해보면 {{ todo1.createdAt | date }}로 작성할 수 있고 결과는 아래와 같다

날짜 말고 현재 시각, 분, 초도 알고 싶다면 {{ todo1.createdAt | date:'yyyy-MM-dd HH:mm:ss' }}를 쓰면 된다 !