😱
спасибо

https://developers.google.com/identity/sign-in/web/build-button
может у кого нибудт есть ссылка как такую кнопку с сохраннением стилей и логики реализовать на angular 8 ?

Ребят, подскажите плиз. С бека прилетают данные в виде
, как на скрине.
Как мне проитерироваться по каждому массиву?
Пример в темплейте:

<div class="project mat-elevation-z4" *ngFor="let feed of feeds; let i = index;"
           [fxFlex]="mobileWidth" [fxFlex.gt-xs]="smallTabletWidth" [fxFlex.gt-sm]="tabletWidth"
           [fxFlex.gt-md]="desktopWidth">

        <div class="header" [style.background]="getBackgroundByIndex(i)">
          <div class="content">
            <div fxLayout="column" fxFlex="auto">
              <div class="top-row" fxLayout="row" fxLayoutAlign="space-between center">
                {{feed.name}}
              </div>
              <div class="codename" fxLayout="row" fxLayoutAlign="center center" fxFlex="auto">
                <span class="body">
                  {{feed.query}}
                </span>
              </div>
            </div>
          </div>
        </div>

<div class="project mat-elevation-z4" *ngFor="let feed of feeds; let i = index;"
           [fxFlex]="mobileWidth" [fxFlex.gt-xs]="smallTabletWidth" [fxFlex.gt-sm]="tabletWidth"
           [fxFlex.gt-md]="desktopWidth">

        <div class="header" [style.background]="getBackgroundByIndex(i)">
          <div class="content">
            <div fxLayout="column" fxFlex="auto">
              <div class="top-row" fxLayout="row" fxLayoutAlign="space-between center">
                {{feed.name}}
              </div>
              <div class="codename" fxLayout="row" fxLayoutAlign="center center" fxFlex="auto">
                <span class="body">
                  {{feed.query}}
                </span>
              </div>
            </div>
          </div>
        </div>

let feeds of response - это будет родительский ngFor для твоего темплейта.  А ну у тебя там ещё total... Либо пайп свой сделай, который в темплейте вернет отфильтрованные элементы-массивы в response, либо в компоненте тоже самое.

Кто знает есть ли нпм пакет для такой загрузке на Ангуляре?

skeleton

Спасибо, гляну

В смысле чтоб минимум текстовых данных грузилось так долго, что нужно показывать заглушки?)

Всем привет! http.get будет работать с URL в котором уже вшиты параметры? Или нужно его разбить и передавать в поле параметров в запросе?

стоит разбить я думаю

🤝

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

Лучше бы просто текст показывали, а то уже бесят эти заглушки )

спа ради спа

В центре экрана надпись Loading?

Нет, раньше хабр как-то и без этих заглушек работал, в далеких годах. а сейчас открываешь его и ждешь несколько секунд, пока они доп запрос на сервер пробросят.

У  Виталия Фридмана, из Smashing Magazine, есть выступление, где он рассказывает про оптимизацию загрузки страницы, мне понравилось то, что у них сперва текст рендерится, чтобы человек начал читать контент, а не ждал загрузки других ресурсов, а потом уже все остальное подсасывается. А сейчас у многих все уходит к тому, что нужно дождаться загрузки всех стилей и js, который запускается чз 5 секунд простоя. Так горит )))

)