개체에서이 값을 추출하는 방법

Question

도와주세요. 객체의 값을 가져 와서 결과를 얻으려는 각도 메서드가 있습니다. "월요일 - 금요일 : 0800-1600"

$scope.ourHours = { 
    services: [{ 
    title: "Office hours", 
    phone: "1-800-123-1234", 
    hours: [ 
     {day:'Monday',open:'0800',close:'1800'}, 
     {day:'Tuesday',open:'0800',close:'1800'}, 
     {day:'Wednesday',open:'0800',close:'1800'}, 
     {day:'Thursday',open:'0800',close:'1800'}, 
     {day:'Friday',open:'0800',close:'1800'} 
    ] 
    }] 
}; 

Answer 1

시간 일치, 그룹화가 있다면 이전 일을 추적하고, 다음과 같습니다

function getHoursText(hours){ 
 
    var arr = [], txt = []; 
 

 
    for(var i=0; i<hours.length; i++){ 
 
     if(arr.length && 
 
      (arr[0].open !== hours[i].open || arr[0].close !== hours[i].close) 
 
     ){ 
 
      txt.push(arrayToText(arr)); 
 
      arr = []; 
 
     } 
 
     arr.push(hours[i]); 
 
    } 
 

 
    txt.push(arrayToText(arr)); 
 

 
    return txt.join('\n'); 
 

 
    function arrayToText(arr){ 
 
     var str; 
 
     if(!arr.length){ return ""; } 
 
     str = arr[0].day; 
 
     if(arr.length > 1){ str += '-' + arr.pop().day; } 
 
     str += ': ' + arr[0].open + '-' + arr[0].close; 
 
     return str; 
 
    } 
 
} 
 

 
/* 
 
* Example usage 
 
*/ 
 
var hours = [ 
 
     {day:'Monday',open:'0800',close:'1500'}, 
 
     {day:'Tuesday',open:'0800',close:'1800'}, 
 
     {day:'Wednesday',open:'0800',close:'1800'}, 
 
     {day:'Thursday',open:'0800',close:'1800'}, 
 
     {day:'Friday',open:'0800',close:'1500'} 
 
    ]; 
 

 
console.log(getHoursText(hours));

Answer 2

어때요?

angular.module('app', []) 
 
.filter('hours', function() { 
 
    return function(item) { 
 
    return item.substr(0,2) + ":" + item.substr(2,2); 
 
    } 
 
}) 
 
.controller('ShopHours', function ShopHours($scope) { 
 
    $scope.ourHours = { 
 
    services: [{ 
 
     title: "Office hours", 
 
     phone: "1-800-123-1234", 
 
     hours: [ 
 
     {day:'Monday',open:'0800',close:'1800'}, 
 
     {day:'Tuesday',open:'0800',close:'1800'}, 
 
     {day:'Wednesday',open:'0800',close:'1800'}, 
 
     {day:'Thursday',open:'0800',close:'1800'}, 
 
     {day:'Friday',open:'0800',close:'1800'} 
 
     ] 
 
    }] 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ShopHours"> 
 
    <div ng-repeat="serv in ourHours.services"> 
 
    <h3>{{serv.title}}</h3> 
 
    <p>Phone: {{serv.phone}}</p> 
 
    <div>Hours: 
 
     <ng-repeat ng-repeat="hours in serv.hours"> 
 
     <p><b>{{hours.day}}:</b> from {{hours.open | hours}} to {{hours.close | hours}}</p> 
 
     </ng-repeat> 
 
    </div> 
 
    </div> 
 
</div>