Ответы пользователя по тегу Pug
  • Как вывести ссылки элементов в цикле?

    0xD34F
    @0xD34F
    mixin list(...items)
      ul.breadcrumbs
        each item in items
          li.breadcrumbs__item
            a(href=item)= item
    
    
    +list('https://www.google.ru/', 'https://toster.ru', 'https://toster.ru/q/590329')


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

    mixin list(...items)
      ul.breadcrumbs
        each item in items
          li.breadcrumbs__item
            a(href='https://toster.ru/q/' + item)= item
    
    +list(590329, 588072, 584712)


    или, если хотите, чтобы текст и ссылка различались:

    mixin list(...items)
      ul.breadcrumbs
        each item in items
          li.breadcrumbs__item
            a(href=item.link)= item.text
    
    
    +list({ link: 'https://www.google.ru/', text: 'google' }, { link: 'https://toster.ru', text: 'toster' }, { link: 'https://toster.ru/q/590329', text: 'ваш вопрос' })
    Ответ написан
    Комментировать
  • Как объединить уникальные значения в массиве объектов?

    0xD34F
    @0xD34F
    - var data = [ { "title": "Артем" }, { "title": "Аня" }, { "title": "Виталик" }, { "title": "Гена" }, { "title": "Дима" }, { "title": "Вася" }, { "title": "Гриша" }, { "title": "Андрей" } ]
    
    mixin sort(data)
      - var grouped = data.reduce((acc, n) => {
      -   var name = n.title[0];
      -   acc[name] = acc[name] || [];
      -   acc[name].push(n);
      -   return acc;
      - }, {});
      each group, name in grouped
        div
          h3= name
          each obj in group
            div= obj.title
    
    div
      +sort(data)
    Ответ написан
    1 комментарий