Как бы вы это повторили?

0

Я также хотел бы отображать ключи "scott" и "bill" и все их значения свойств (имя и возраст), используя ng-repeat.

{
    "attributes": {
        "scott": {
            "fullname": "Scott D Man",
            "age": "string"
        },
        "bill": {
            "fullname": "William Shatner",
            "age": "string"
        }
    },
    "id": "HJK321",
    "reportDate": "20150719"
}
Теги:
ng-repeat

4 ответа

5
Лучший ответ

Вы можете перебирать свойства объекта следующим образом:

<div ng-repeat="(key,value) in model.attributes">
    <span>Name : {{key}}</span>
    <span>Full Name : {{value.fullname}}</span>
    <span>Age : {{value.age}}</span>
</div>

шлепнуть

  • 0
    Что если использовать <input>, а не <span>, а также сделать ключ в качестве ng-модели?
  • 0
    Я отправлю другой вопрос. Я заметил, что мой JSON должен был использовать массив вместо объекта.
1
    <div ng-repeat='(user, description) in data.attributes'>
      {{user}}
      <div ng-repeat='(key, val) in description'>
        <span>{{key}} : {{val}}</span>
      </div>
      <hr>
    </div>
1

Вы можете сделать это следующим образом:

<div ng-app>
  <div ng-controller="ClickToEditCtrl">
    <p>Your Data:</p>
    <ul>
        <li ng-repeat="(key, value) in data.attributes">
            firstname: {{key}}, fullname: {{value.fullname}}, age: {{value.age}}
        </li>
    </ul>
</div>

Проверьте этот jsFiddle: http://jsfiddle.net/vyzsw565/

0

Проверьте этот рабочий Jsfiddle

  <div ng-app="mainApp">
     <div ng-controller="mainController">
        <div ng-repeat="d in data">

           Name:      {{d.attributes.scott.fullname}}  ,        
           Age :      {{d.attributes.scott.age}}    

            Name:      {{d.attributes.bill.fullname}}  ,        
            Age :      {{d.attributes.bill.age}}    

        </div>
    </div>
</div>
  • 0
    это будет работать, но это станет кошмаром с точки зрения рефакторинга каждый раз, когда происходит изменение данных

Ещё вопросы

Сообщество Overcoder
Наверх
Меню