이것은 내가받은 형식의 json이고 메시지와 사용자 이름 필드를 인쇄하고 싶습니다. 어떻게하나요? 그리고 또한 Ymd 형식으로 날짜를 포맷하고 싶습니다 ... 어떻게 얻을 수 있는지 ... 나는 반복을 시도했지만 데이터를 인쇄 할 수 없었습니다. 그래서이 json 배열을 angualar js html로 인쇄하도록 도와주세요.
HTML
<ul>
<li>msg</li>
<li>date</li>
</ul>
{
"messages": [
{
"_id": "sdfsdfsd",
"t": "subscription-role-removed",
"rid": "sdfsfsfd",
"ts": "2017-05-10T07:03:26.865Z",
"msg": "samim",
"u": {
"_id": "sdfdsf",
"username": "dsdfsfsd"
},
"groupable": false,
"role": "moderator",
"_updatedAt": "2017-05-10T07:03:26.865Z"
},
{
"_id": "sdfsdfsdfssd",
"t": "subscription-role-added",
"rid": "asdafdaf",
"ts": "2017-05-10T06:51:23.147Z",
"msg": "samim",
"u": {
"_id": "ssdfsdf",
"username": "adfffffsfmin"
},
"groupable": false,
"role": "moderator",
"_updatedAt": "2017-05-10T06:51:23.147Z"
},
{
"_id": "fafasfasf",
"t": "au",
"rid": "sdfsdfsfsdf",
"ts": "2017-05-10T06:50:14.029Z",
"msg": "samim",
"u": {
"_id": "sdfsdfsdfsdf",
"username": "sdfsdfsd"
},
"groupable": false,
"_updatedAt": "2017-05-10T06:50:14.036Z"
},
{
"_id": "sfdsfsdfsd",
"rid": "sfsdfsdfs",
"msg": "hi",
"ts": "2017-05-10T06:44:27.610Z",
"u": {
"_id": "sdfsdfsdf",
"username": "sfsdfsdf"
},
"_updatedAt": "2017-05-10T06:44:27.611Z"
},
{
"_id": "sdfsdfsd",
"rid": "sdfsdfsdfsdf",
"msg": "hello",
"ts": "2017-05-10T06:38:10.509Z",
"u": {
"_id": "sdfsdfsd",
"username": "sdfsdfsdsdf"
},
"_updatedAt": "2017-05-10T06:38:10.514Z"
}
],
"success": true
}
ng-repeat1 like this with
날짜`필터 추가
<ul ng-repeat="item in arr.messages">
<li>
{{item.u.username}}
</li>
<li>
{{item.ts | date : 'yyyy-M-d'}}
</li>
</ul>
angular.module("app",[])
.controller("ctrl",function($scope){
$scope.arr = {
"messages": [
{
"_id": "sdfsdfsd",
"t": "subscription-role-removed",
"rid": "sdfsfsfd",
"ts": "2017-05-10T07:03:26.865Z",
"msg": "samim",
"u": {
"_id": "sdfdsf",
"username": "dsdfsfsd"
},
"groupable": false,
"role": "moderator",
"_updatedAt": "2017-05-10T07:03:26.865Z"
},
{
"_id": "sdfsdfsdfssd",
"t": "subscription-role-added",
"rid": "asdafdaf",
"ts": "2017-05-10T06:51:23.147Z",
"msg": "samim",
"u": {
"_id": "ssdfsdf",
"username": "adfffffsfmin"
},
"groupable": false,
"role": "moderator",
"_updatedAt": "2017-05-10T06:51:23.147Z"
},
{
"_id": "fafasfasf",
"t": "au",
"rid": "sdfsdfsfsdf",
"ts": "2017-05-10T06:50:14.029Z",
"msg": "samim",
"u": {
"_id": "sdfsdfsdfsdf",
"username": "sdfsdfsd"
},
"groupable": false,
"_updatedAt": "2017-05-10T06:50:14.036Z"
},
{
"_id": "sfdsfsdfsd",
"rid": "sfsdfsdfs",
"msg": "hi",
"ts": "2017-05-10T06:44:27.610Z",
"u": {
"_id": "sdfsdfsdf",
"username": "sfsdfsdf"
},
"_updatedAt": "2017-05-10T06:44:27.611Z"
},
{
"_id": "sdfsdfsd",
"rid": "sdfsdfsdfsdf",
"msg": "hello",
"ts": "2017-05-10T06:38:10.509Z",
"u": {
"_id": "sdfsdfsd",
"username": "sdfsdfsdsdf"
},
"_updatedAt": "2017-05-10T06:38:10.514Z"
}
],
"success": true
}
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
<ul ng-repeat="item in arr.messages">
<li>
{{item.u.username}}
</li>
<li>
{{item.ts | date : 'yyyy-M-d h:mm:ss '}}
</li>
</ul>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다