2015-12-30 52 views
0

我有一些數據設置是這樣的:爲什麼ng-repeat不顯示父鍵?

$scope.data = [ 
    { 
     weekDay: { 
     monday: [{ 
      time: '' 
     }], 
     tuesday: [{ 
      time: '' 
     }], 
     wednesday: [{ 
      time: '' 
     }], 
     thursday: [{ 
      time: '' 
     }], 
     friday: [{ 
      time: '' 
     }], 
     saturday: [{ 
      time: '' 
     }], 
     sunday: [{ 
      time: '' 
     }] 
     } 
    }]; 

如果我成立了一個NG重複這樣的...

<p ng-repeat="day in data.weekDay">{{day}}</p> 

我看到的是:

{「時間「:」 「}

{」 時間 「:」 「}

{」 時間 「:」「} ...

爲什麼我看不到父鍵(一週中的某個天)?我如何能夠在我的轉發器中使用星期幾? (例如作爲h3標籤中的標題)

回答

3

你不能訪問諸如data.weekDay$scope.data是一個數組weekDay屬性的HTML。訪問它作爲data[0].weekDay

<p ng-repeat="(day, timeObj) in data[0].weekDay"> 
    {{day}} 
</p> 

否則更改數據這樣的(這更有意義我猜)

$scope.data = { 
     weekDay: {...} 
    }; 

和訪問它作爲data.weekDay NG-重複

Jsfiddle

0

在json中,星期幾是一個索引,而不是一個值。例如,週一它會象下面這樣:

$scope.data = [ 
{ 
    weekDay: { 
    dayname: 'monday',   
    timevalue : [{ 
     time: '' 
    }], 

    ... Rest of values ... 
    } 
}]; 

而像下面

<p ng-repeat="day in data.weekDay">{{dayname}}</p>