Как использовать ng-repeat для словарей в AngularJs?

Я знаю, что мы можем легко использовать ng-repeat для json-объектов или массивов, таких как:

<div ng-repeat="user in users"></div>

но как мы можем использовать ng-repeat для словарей, например:

var users = null;
users["182982"] = "{...json-object...}";
users["198784"] = "{...json-object...}";
users["119827"] = "{...json-object...}";

Я хочу использовать это со словарем пользователей:

<div ng-repeat="user in users"></div>

Является ли это возможным?. Если да, как я могу сделать это в AngularJs?

Пример для моего вопроса: в C # мы определяем словари как:

Dictionary<key,value> dict = new Dictionary<key,value>();

//and then we can search for values, without knowing the keys
foreach(var val in dict.Values)
{
}

Есть ли встроенная функция, которая возвращает значения из словаря, как в C #?

Ты можешь использовать

<li ng-repeat="(name, age) in items">{{name}}: {{age}}</li>

Смотрите документацию ngRepeat . Пример: http://jsfiddle.net/WRtqV/1/

Я также хотел бы упомянуть новую функциональность AngularJSng-repeat , а именно, специальные повторные начальную и конечную точки . Эта функциональность была добавлена ​​для того, чтобы повторять серию HTML-элементов вместо одного родительского HTML-элемента.

Для того , чтобы начать и конечное использование повторителя точек необходимо определить их с помощью ng-repeat-startи ng-repeat-endдиректив соответственно.

ng-repeat-startДиректива работает очень похожа на ng-repeatдирективу. Разница в том, что он будет повторять все элементы HTML (включая тег, для которого он определен) до конечного тега HTML, в ng-repeat-endкоторый помещается (включая тег с ng-repeat-end).

Пример кода (от контроллера):

// ...
$scope.users = {};
$scope.users["182982"] = {name:"John", age: 30};
$scope.users["198784"] = {name:"Antonio", age: 32};
$scope.users["119827"] = {name:"Stephan", age: 18};
// ...

Образец HTML-шаблона:

<div ng-repeat-start="(id, user) in users">
    ==== User details ====
</div>
<div>
    <span>{{$index+1}}. </span>
    <strong>{{id}} </strong>
    <span class="name">{{user.name}} </span>
    <span class="age">({{user.age}})</span>
</div>

<div ng-if="!$first">
   <img src="/some_image.jpg" alt="some img" title="some img" />
</div>
<div ng-repeat-end>
    ======================
</div>

Вывод будет выглядеть примерно так (в зависимости от стиля HTML):

==== User details ====
1.  119827 Stephan (18)
======================
==== User details ====
2.  182982 John (30)
[sample image goes here]
======================
==== User details ====
3.  198784 Antonio (32)
[sample image goes here]
======================

Как видите, ng-repeat-startповторяются все элементы HTML (включая элемент с ng-repeat-start). Все ng-repeatспециальные свойства (в данном случае $firstи $index) также работают как положено.

Разработчики JavaScript склонны ссылаться на вышеупомянутую структуру данных как объект или хэш вместо словаря.

Ваш синтаксис выше неправильный, так как вы инициализируете usersобъект как нулевой. Я предполагаю, что это опечатка, так как код должен читать:

// Initialize users as a new hash.
var users = {};
users["182982"] = "...";

Чтобы извлечь все значения из хеша, вам нужно перебрать его, используя цикл for:

function getValues (hash) {
    var values = [];
    for (var key in hash) {

        // Ensure that the `key` is actually a member of the hash and not
        // a member of the `prototype`.
        // see: http://javascript.crockford.com/code.html#for%20statement
        if (hash.hasOwnProperty(key)) {
            values.push(key);
        }
    }
    return values;
};

Если вы планируете много работать со структурами данных в JavaScript, то библиотека underscore.js определенно стоит посмотреть. Подчеркивание поставляется с valuesметодом, который выполнит вышеуказанную задачу для вас:

var values = _.values(users);

Я сам не использую Angular, но я почти уверен, что будет встроен удобный метод для перебора значений хеша (ага, вот так, Артем Андреев дает ответ выше :))

В Angular 7 будет работать следующий простой пример (при условии, что словарь находится в переменной с именем d):

my.component.ts:

keys: string[] = [];  // declaration of class member 'keys'
// component code ...

this.keys = Object.keys(d);

my.component.html: (отобразит список пар ключ: значение)

<ul *ngFor="let key of keys">
    {{key}}: {{d[key]}}
</ul>