ΠΠΌΡ angular2-drag-scroll
Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΡΠ°ΡΠ΅Π»ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ angular2+ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ ΠΏΡΠΎΡΡΠΎ angular, Π° angular1.x Π½Π°Π·ΡΠ²Π°ΡΡΡΡ angularjs.
Π£ Π½Π°Ρ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π³ΠΎΠ»ΠΎΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΠΈΠΌΠ΅Π½Π°ΠΌ, Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ Π»ΠΈΠ±ΠΎ angular-drag-scroll
, Π»ΠΈΠ±ΠΎ ngx-drag-scroll
.
ΠΠ½ΠΈ ΠΎΠ±Π° ΠΌΠ½Π΅ Π½ΡΠ°Π²ΡΡΡΡ. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠ° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΏΠΎ ΡΡΡΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΊΠ°ΡΡΡΠ΅Π»Ρ, ΡΠ»Π΅Π΄ΡΠ΅Ρ Π»ΠΈ Π½Π°ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ»ΠΎΠ²ΠΎ carousel
ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠ°ΡΡΠΈ ΠΈΠΌΠ΅Π½ΠΈ? Π’ΡΡΠ΄Π½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΠΊΠΈΠΌ ΠΈ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΡΠΌ. π
ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, ΠΌΠ΅Π½Ρ ΡΡΡΡΠ°ΠΈΠ²Π°Π΅Ρ Π»ΠΈΠ±ΠΎ angular-drag-scroll
, Π»ΠΈΠ±ΠΎ ngx-drag-scroll
.
ngx-drag-scroll ΠΊΠ°ΠΆΠ΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΌ.
ΠΠΎ ΠΏΠΎΡ ΠΎΠΆΠ΅ - https://github.com/QuentinPetel/ngx-drag-scroll , Ρ ΠΎΡΡ Π²ΠΈΠ»ΠΊΠ° ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΡΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΡΡΠΎ ΠΈΠΌΡ (ΡΠΌ.: https://www.npmjs.com/package/ngx-drag-scroll ).
ΠΡΠ°ΠΊ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ, ngx-drag-scroll-all ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅.
ΠΡΠΎ ΠΎΡΠ΅Π½Ρ ΠΏΠ»ΠΎΡ
ΠΎ. ΠΠ½Π΅ ΠΊΠ°ΠΆΠ΅ΡΡΡ, ngx-drag-scroll-all
β ΡΡΠΎ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π΄ΠΎΠ»Π³ΠΎ. ΠΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΡΠ°Π²Π½ΠΈΡΠ΅ angular-drag-scroll
ΠΈ ΡΠ΅ΠΉΡΠ°Ρ.
ngx-draggable-scroll
?
Π§ΡΠΎ ΠΆ, Π΄ΡΡΠ³ΠΎΠ΅ Π΄Π΅Π»ΠΎ - Π΄ΠΎΠ³ΠΎΠ²ΠΎΡΠΈΡΡΡΡ Ρ Π²Π»Π°Π΄Π΅Π»ΡΡΠ΅ΠΌ ΡΠΎΡΠΊΠ° ΠΈ ΠΏΠΎΠΏΡΡΠ°ΡΡΡΡ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΈΠΌΡ ngx-drag-scroll, Ρ ΠΎΡΡ ΡΡΠΎ ΠΊΠ°ΠΆΠ΅ΡΡΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΌ.
@yluijten , ΡΡΠΎ Ρ
ΠΎΡΠΎΡΠ΅Π΅ ΠΈΠΌΡ, ΠΌΠ΅Π½Ρ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ ΡΠΎ, ΡΡΠΎ ΡΡΠΎ ΠΈΠΌΡ Π½Π΅ ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ Π΄ΠΈΡΠ΅ΠΊΡΠΈΠ²Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ°Π²Π½ΠΎ drag-scroll
.
@akkumar Π― ΠΎΡΠΏΡΠ°Π²ΠΈΠ» ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠ΅ ΠΏΠΈΡΡΠΌΠΎ Π²Π»Π°Π΄Π΅Π»ΡΡΡ ngx-drag-scroll
Π² Π½Π°Π΄Π΅ΠΆΠ΄Π΅, ΡΡΠΎ ΠΎΠ½ Π½Π°ΡΡΠΏΠ°Π΅Ρ ΠΈΠΌΡ.
ΠΠ±ΡΠΎΠ»ΡΡΠ½ΠΎ Π·Π°! Π― ΡΠ΄Π΅Π»Π°Π» Π²ΠΈΠ»ΠΊΡ Π΄Π»Ρ ΡΡΠΎΠΉ ΡΠ΅Π»ΠΈ. Π― ΡΠ΄Π°Π»Ρ Π΅Π³ΠΎ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΠ°ΠΊΠ΅ΡΡ npm.
Π Π΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ @bfwg Github ΡΠ΄Π°Π»Π΅Π½, ΠΏΡΠ°Π²ΠΎ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎΡΡΠΈ Π½Π° ΠΏΠ°ΠΊΠ΅Ρ npm ΠΏΠ΅ΡΠ΅Π΄Π°Π½ΠΎ.
@QuentinPetel ΠΠΎΠ»ΡΡΠΎΠ΅ ΡΠΏΠ°ΡΠΈΠ±ΠΎ. ΠΡ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΠΌΠΎΠΉ Π΄Π΅Π½Ρ!
@akkumar Π― ΠΎΠ±Π½ΠΎΠ²ΠΈΠ» Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠ° Π½Π° Github, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π° NPM. ΠΠΎΠΆΠ΅ΡΠ΅ Π»ΠΈ Π²Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΉ ΠΌΠ°ΡΠΈΠ½Π΅? Π― Ρ ΠΎΡΡ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ Π²ΡΠ΅ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ Π½ΠΎΠ²ΡΠΌ ΠΈΠΌΠ΅Π½Π΅ΠΌ ΠΈ Π²ΡΠ΅ ΡΠ°ΠΊΠΎΠ΅.
ΠΠ°ΠΊΠΎΠ΅ Ρ Π²Π°Ρ ΠΈΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ npm? Π― ΠΌΠΎΠ³Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π²Π°ΡΠ΅ ΠΈΠΌΡ Π² ΡΡΠΎΡ ΠΏΡΠΎΠ΅ΠΊΡ Π½Π° NPM, Π΅ΡΠ»ΠΈ Ρ ΠΎΡΠΈΡΠ΅.
Π Π°Π±ΠΎΡΠ°Π΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎ.
Π‘Π΄Π΅Π»Π°Π» ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ.
ΠΏΠ°ΠΊΠ΅Ρ.json
"ngx-drag-scroll": "1.5.2"
app.module.ts
import { DragScrollModule } from 'ngx-drag-scroll';
ΠΡΠ΅ ΠΈΠ΄Π΅Ρ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎ.
ΠΠΎΠ΅ ΠΈΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ npm β akkumar.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, ΠΌΠ΅Π½Ρ ΡΡΡΡΠ°ΠΈΠ²Π°Π΅Ρ Π»ΠΈΠ±ΠΎ
angular-drag-scroll
, Π»ΠΈΠ±ΠΎngx-drag-scroll
.