Как перебрать массив объектных литералов? - PullRequest
Новая
       22

Как перебрать массив объектных литералов?

0 голосов
/ 01 декабря 2018

У меня есть угловой проект с модулем перетаскивания.Теперь мой перетаскиваемый список содержится внутри массива объектов, например: 

vegetables = [
    {name: 'Carrot', type: 'vegetable'},
    {name: 'Onion', type: 'vegetable'},
    {name: 'Potato', type: 'vegetable'},
    {name: 'Capsicum', type: 'vegetable'}];

, и я показываю его в своем компоненте, например: 

 <div class="list-group">
                    <li class="list-group-item list-group-item-action list-group-item-success" [draggable] *ngFor="let item of vegetables"
                        [dragClass]="'active'" [dragTransitClass]="'active'" [dragData]="item" [dragScope]="item.type" [dragEnabled]="dragEnabled">
                        {{item.name}}
                    </li>
                </div>

Дело в том, что каждыйКогда я перетаскиваю один из элементов из списка vegetables, я хочу показать новый список с новыми овощами.

Итак, я попытался сделать что-то вроде этого: 

vegetables = [
    {name: 'Carrot', type: 'vegetable'},
    {name: 'Onion', type: 'vegetable'},
    {name: 'Potato', type: 'vegetable'},
    {name: 'Capsicum', type: 'vegetable'}],
    [
    {name: 'Carrot2', type: 'vegetable'},
    {name: 'Onion2', type: 'vegetable'},
    {name: 'Potato2', type: 'vegetable'},
    {name: 'Capsicum2', type: 'vegetable'}
    ];

, которыйимеет несколько массивов объектов внутри переменной vegetables.

Но дело в том, что я не знаю, как отобразить его в шаблоне моего компонента.Я попробовал это: 

<li class="list-group-item list-group-item-action list-group-item-success" [draggable] *ngFor="let item of vegetables[i]"

, где i будет просто инкрементной переменной каждый раз, когда я перетаскиваю один раз из списка vegetables, увеличивается, но, конечно, это не работает, и яНе знаю, как сделать это правильно.

Так как же мне перебрать несколько массивов внутри vegetables, чтобы каждый раз при перетаскивании перетаскивать новый список овощей?

Любая помощь приветствуется, спасибо.

...