Угловой динамический доступ к свойствам объекта

Question

Мне нужно динамически обращаться к различным свойствам объекта в цикле, но кажется недействительным.

<tr ng-repeat="item in Items"> 
    <td> 
     {{item.itemName}} <!-- OK --> 
    </td> 
    <td ng-repeat="monthName in months.monthName"> 
     <input class="form-control text-right" 
       value="{{item.monthName}}" <!-- KO --> 
       <!-- value="{{item.january}}" OK --> 
       > 
    </td>        
</tr> 

Answer 1

Вы должны использовать bracket notation для этого, то есть

<input class="form-control text-right" 
      value="{{item[monthName]}}" 

Я не уверен, если ваше намерение использовать value правильно здесь или нет, однако, если вы имеете в виду использовать нг-модель, то ее будет:

<input class="form-control text-right" 
      ng-model="item[monthName]" 

в противном случае вы имеете в виду свойства monthName объекта item, а не Prope rty с именем, представляющим значение monthName объекта item.

Answer 2

Вы пытаетесь получить доступ к объекту monthName объекта item. Если вы хотите использовать monthName в качестве идентификатора для получения что-то вроде item.january вы можете использовать обозначение item[monthName] Код будет выглядеть так

<tr ng-repeat="item in Items"> 
    <td> 
     {{item.itemName}} <!-- OK --> 
    </td> 
    <td ng-repeat="monthName in months.monthName"> 
     <input class="form-control text-right" 
       value="{{item[monthName]}}" <!-- OK --> 
       > 
    </td>        
</tr>