Описание тега angular-masonry

1 ответ

Угловая 2 и кладочная сетка сторонней библиотеки

Я хочу использовать Masonry Grid в приложении Angular 2. Я установил этот: http://masonry.desandro.com/ с: npm install masonry-layout --save и я включаю это через angular-cli.json "scripts": [ "../node_modules/masonry-layout/dist/masonry.pkgd.min.js…
16 фев '17 в 18:00
1 ответ

Альтернатива кладки для Angular 2+

Я работаю с angular2-masonry В проекте с последней версией Angular (v5.1.3) я искал Masonry и другие альтернативы для реализации в моем приложении. Я попробовал несколько, и мне не понравилась реализация. Я пытался сделать нативную CSS кладку, но мн…
07 янв '18 в 16:03
1 ответ

Трехстолпная сетка для масонства

Я хочу показать сетку из 3-х колонных изображений на рабочем столе и одну колонку на устройстве. Следующий план работает на мобильных устройствах, но не работает на рабочем столе (большой разрыв между двумя изображениями). Я пытался установить ширин…
02 авг '17 в 19:54
0 ответов

Угловые 2 кирпичных кирпича начинаются с левой позиции изначально

Я сталкиваюсь с проблемой, которая довольно раздражает. Когда кирпичи начинаются изначально, они начинаются с левой позиции. Я использовал imagesloaded = true и не вижу ошибок в консоли. <div class="masonryContainer"> <masonry [useImagesLoa…
1 ответ

Сохранить оригинальный порядок медиа-элементов в плагине angular2-masonry

Я использую плагин angular2-masonry для углового проекта, где мне нужно отображать медиафайлы без изменения их порядка. Для плагина angular2-masonry опция недоступна. Так есть ли способ сделать это? Благодарю.
13 ноя '17 в 05:17
1 ответ

Угловая кладка - расширение предмета

В двух словах, что я хочу достичь с помощью директивы Angular-masonry ( http://passy.github.io/angular-masonry/), примерно так: http://codepen.io/desandro/pen/htsui Я пробовал несколько разных методов, но больший div просто распространяется поверх с…
0 ответов

Uncaught Error: неожиданное значение "undefined", импортированное модулем "AppModule"

Вот мой модуль приложения проекта app.module.ts: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { ServiceService } from './apiServices/service.service'; import { AppComponent } from './app…
29 ноя '17 в 12:34
1 ответ

Ионный с угловым кирпичным перекрытием

Я работаю над оптимизацией мобильного приложения (созданного с помощью angular1/ionic1) для iPad и столкнулся с проблемами. Я пытаюсь создать эффект двухколоночной кладки, который загружает каждый "элемент карты" (возвращаемый из сетевого запроса) с…
22 июл '17 в 19:17
1 ответ

Pinterest Стиль масонства сетки с угловым 5

Эта сетка Masonry должна учитывать как различную высоту, так и ширину. Любой намек на то, как это сделать?
14 ноя '17 в 21:32
1 ответ

Опции углового масонства не работают

Я не могу установить параметры для ng-Masonry: https://www.npmjs.com/package/ng-masonry <div class="masonry" data-masonry data-masonry-options='{ "columnWidth": 1000, "gutter": 10 }'> Ни один из установленных мной параметров не отображается в …
3 ответа

Как правильно установить текстовую подпись на изображении с изображением при наведении

Я пытался использовать угловую кладку. Я пытался сделать что-то вроде того, когда при наведении курсора на изображение изображение темнеет, и заголовок будет более экспонированным (высококонтрастным) над изображением, чтобы можно было правильно его …
27 авг '18 в 06:58
1 ответ

Как интегрировать масонство + бесконечный свиток + угловой

Я пытаюсь интегрировать кладочную сетку с бесконечной прокруткой в ​​угловом приложении. Я использую для кладки следующую библиотеку https://masonry.desandro.com/ и для бесконечной прокрутки: ngx-infinite-scroll У меня возникают проблемы при прокрут…
0 ответов

Как сделать кладку только после полной загрузки htm в angular 7

Я использую Angular 7 и использую кладку и загруженные изображения js. После вызова API для данных как: Promise.all( [ this.accountService.getOrgTagType( params ) ] ).then( result => { /* do work here */ this.ngAfterViewInit(); }); Я показываю кл…
23 июн '19 в 13:26
2 ответа

Галерея кладки

Я работаю с angular и хочу создать галерею изображений кладки. Я попытался реализовать галерею, но изображения не отображаются. Кто-нибудь знает, почему они появляются и как решить эту проблему? Я новичок в такой среде и, возможно, ошибаюсь:( Stackb…
20 ноя '19 в 19:07
0 ответов

ngx-masonry перекрытие изображений в угловой 5

Я использую ngx-mansory и лениво загружаю изображения, но иногда (случайным образом) все изображения загружаются в правой части окна и накладываются друг на друга. Я не знаю, чем это вызвано. Я использую ngx-masonry v1.1.2. заранее спасибо. public m…
21 май '20 в 13:43
0 ответов

Пакет Desandro Masonry. Ошибка 404 (не найдено)

Я пытаюсь использовать пакет Desandro Masonry, чтобы создать макет в стиле каменной кладки для моей фотогалереи. Я использовал инструкции по установке, как указано на официальной веб-странице Здесь. Я продолжаю получать ошибку 404 (не найдено) при п…
16 апр '20 в 12:54
2 ответа

Как внести маржу при расчете ширины изображения?

Следующий код создает макет кладки: <ngx-masonry class="masonry" [options]="myOptions"> <div ngxMasonryItem class="masonryItem" *ngFor="let post of posts;index as idx" (click)="showPostDetail(pos…
05 окт '20 в 11:43
1 ответ

ngx-masonry некорректно работает в Angular. Получение изображений сгруппированных и перекрывающихся

Мне нужно создать этот макет в Angular 9. Я использую пакет ngx-masonry. (https://www.npmjs.com/package/ngx-masonry), чтобы создать эту конкретную сетку. Мой код выглядит следующим образом: Для компонента html <div class="container pt-5"> <…
28 янв '21 в 20:38
1 ответ

Можем ли мы установить ширину изображения в процентах в ngx-masonry

Когда я пытаюсь добавить ширину в процентах, это не работает. Это отображается как изображение в строке. Есть ли способ исправить проблему? Вот мой HTML-код: <ngx-masonry [options]="options" [ordered]="true"> <div ngxMasonryItem class="maso…
1 ответ

ошибка NG8001: ngx-masonry не является известным элементом

Я пытаюсь импортировать модуль ngx-masonry в моем JHipster приложение (приложение angluar). я бегу npm install ngx-masonry masonry-layout --save Затем импортировал модуль внутри app.module.ts import { NgModule, LOCALE_ID } from '@angular/core'; impo…