Массив данных из ng-repeat в нескольких столбцах и строках, как я могу это сделать? - PullRequest
Новая
       15

Массив данных из ng-repeat в нескольких столбцах и строках, как я могу это сделать?

0 голосов
/ 09 января 2019

У меня в руке список массивов, я хочу показать этот список listi с повторением ng, как на картинке. Какой правильный способ сделать это?

Я хочу сделать следующее, если это возможно, на четырех сторонах коробки есть "+". Когда я нажимаю «+», и я хочу, чтобы я создавал новые поля в этом направлении, столько же, сколько их под ними. Другим вариантом является значок удаления в каждом поле. Я хочу, чтобы этот ящик был удален при нажатии на них.

Я хочу визуальное изображение.

enter image description here

vm.sections = {
    width: 3,
    matrix: [
      { name: "Left Text", position: "left" },
      { name: "Top Text", position: "top" },
      { name: "Right Text", position: "right" },
      { name: "Left Text", position: "left" },
      { name: "Center", position: "center" },
      { name: "Right Text", position: "right" },
      { name: "Left Text", position: "left" },
      { name: "Bottom Text", position: "bottom" },
      { name: "Bottom Text", position: "bottom" }
    ]
};

<div class="table">
    <div class="body">
        <div class="row" ng-if="(section.position==='top' || section.position==='bottom' || section.position==='center')"
             ng-repeat="section in sections.matrix track by $index">
          <div class="cell section"
               ng-repeat="section in sections.matrix track by $index">
            {{ section.name }}
          </div>
        </div>
    </div>
</div>
...