Как спроектировать рассеянный вид для элементов HTML, которые генерируются из цикла Angular for? - PullRequest
0 голосов
/ 02 мая 2019

Я хочу создать страницу, заполненную флажками из углового цикла, которая оформлена примерно так:

https://i.imgur.com/eFqp7AF.png https://i.imgur.com/eFqp7AF.png

Я пыталсячтобы создать и стилизовать флажки во что-то вроде этого, как вы можете видеть в:

https://codepen.io/anon/pen/zXXVNO

И я попытался взглянуть, используя строку и столбец начальной загрузки, но этовыглядит не совсем правильно и, вероятно, столкнется с проблемами, поскольку данные для цикла являются динамическими данными.(Да, я знаю, что данные статичны в ссылке на коде, но это только для примера)

Это угловой код:

<div>
 <div *ngFor="let option of question.Options | orderby : 'Sequence'" style="display:inline-block">
   <label>
     <mat-checkbox value="{{option.Label}}" [checked]="isChecked(option.Label)" (change)="handleOptionChange($event)" style="display:none"></mat-checkbox>
     <span><br />{{option.Text}}</span>
   </label>
   <br />
 </div>
</div>

Можете ли вы, ребята, помочь мне решитьэта проблема?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...