Как использовать ngFor, чтобы карты оставались в ряд в Angular 6?

Question

Как использовать ngFor, чтобы карты оставались в ряд в Angular 6?

Вы можете использовать regex для разделения строки и затем генерировать желаемый html

const s = 'This is a list of sodas * Dr. Pepper *LaCroix * 7up  *sprite * Fanta * Coke Zero *Pepsi';

let chunks = s.split(/\ ?\*\ ?/);


const heading = chunks[0];

chunks = chunks.slice(1);

let output = `${heading}
  <ul>
  ${chunks.map(c => `<li>${c}</li>`).join('\n')}
  </ul>
`;

console.log(output);

3

angular mat-card ngfor

задан SevenHell 19 January 2019 в 17:57

1 ответ

Другие вопросы по тегам:

angular mat-card ngfor

Похожие вопросы:

score 0 · Answer 1

Важно обратить внимание на мелкие детали на странице Angular Flex Layout . Подобные вещи начинали с меня несколько раз, когда я не был знаком с flex до того, как начал его использовать.

Использование fxLayout в основном говорит элементу, каким будет контейнер . В этом случае вы, вероятно, захотите переместить *ngFor в тот же div, в котором есть fxFlex="30", и, если повезет, вы могли бы переместить их обоих на карту.

<div fxFlex *ngIf="designs" [@expand]>
  <div fxLayout="column" fxLayout.gt-sm="row" style="display: inline">
    <div fxFlex="30" *ngFor="let design of designs">

В зависимости от того, для чего вам это нужно, Grid также может очень помочь.