рдореИрдВ рдПрдХ рдЬрдорд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ ...
рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░ рдХреНрдпрд╛ рд╣реИ?
рдореИрдВрдиреЗ рджреЗрдЦрд╛ рд╣реИ рдХрд┐ рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ indexChanged рд╡рд┐рдзрд┐ рдареАрдХ рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реА рд╣реИред рдХрднреА-рдХрднреА рдпрд╣ рдЕрдВрддрд┐рдо рд╕реВрдЪрдХрд╛рдВрдХ рд▓реМрдЯрд╛ рд░рд╣рд╛ рд╣реЛрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдореИрдВ рд╣рд┐рдВрдбреЛрд▓рд╛ рдХреЛ рджреЗрдЦрддрд╛ рд╣реВрдВ рддреЛ рдпрд╣ рдЕрдВрдд рдореЗрдВ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕рдХреЗ рдХрд╛рд░рдг рд╡рд┐рдзрд┐ рдЪрд╛рд▓рди рдЕрдм рдФрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ (рдЕрдВрддрд┐рдо рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рдкрд╣реБрдВрдЪ рдЧрдИ)ред
рдЖрдк рд╡рд┐рдзрд┐ рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдХреЗ рдЗрд╕реЗ рдкреБрди: рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ рдЗрд╕реЗ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ (рдиреЗрддреНрд░рд╣реАрди) рд╕реЗ рддреБрд▓рдирд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░ рдХреНрдпрд╛ рд╣реИ?
рдореИрдВ рд╕рд╣реА рд╕реВрдЪрдХрд╛рдВрдХ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдЙрдореНрдореАрдж рдХрд░рддрд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдХрд┐рд╕реА рднреА рдХрд╛рд░рдг рд╕реЗ рдЙрдкрдпреЛрдЧ рдХреЗ рдХрд┐рд╕реА рднреА рдмрд┐рдВрджреБ рдкрд░ рд╕реВрдЪрдХрд╛рдВрдХ рдкрд┐рдЫрд▓реЗ рдПрдХ рдкрд░ рдХреВрдж рд░рд╣рд╛ рд╣реИред
рд╡реНрдпрд╡рд╣рд╛рд░ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░реЗрд░рдгрд╛/рдЙрдкрдпреЛрдЧ рдХрд╛ рдорд╛рдорд▓рд╛ рдХреНрдпрд╛ рд╣реИ?
рдЗрд╕реЗ рдбрд┐рдмрдЧ рдХрд░рдХреЗ, рд╡рд┐рдзрд┐ MoveRight/MoveLeft рдХрд╛ рдкреБрди: рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
рдХреГрдкрдпрд╛ рд╣рдореЗрдВ рдЕрдкрдиреЗ рдкрд░реНрдпрд╛рд╡рд░рдг рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрддрд╛рдПрдВ:
рдирдорд╕реНрддреЗ @ Andi1990 , рдХреНрдпрд╛ рдЖрдк рдбреЗрдореЛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╣рд┐рдВрдбреЛрд▓рд╛ рдХреЗ рд╕рд╛рде рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реИрдВ? рдореИрдВ рдХреЗрд╡рд▓ рдЕрдВрддрд┐рдо рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред
рдбреЗрдореЛ рдХрд╛ рд▓рд┐рдВрдХ рдорд░ рдЪреБрдХрд╛ рд╣реИред рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдПрдХ рдФрд░ рд╣реИ, рд╢рд╛рдпрдж рдмреЗрд▓рд╛ рдпрд╛ рддреЛ?
рд╣рд╛рд▓рд╛рдВрдХрд┐, рдЗрд╕рдХрд╛ рдХрд╛рд░рдг рдпрд╣ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ рдЖрдИрдПрдордЬреА рдХреЗ рдмрдЬрд╛рдп div рд╣реИ рдЬреЛ рдбреНрд░реИрдЧ-рд╕реНрдХреНрд░реЙрд▓ рдХрдВрдЯреЗрдирд░ рдореЗрдВ рд╣реИрдВ
рдЖрдк рдбреЗрдореЛ рдХреЗ рд╕рд╛рде рдЪрд▓рд╛ рд╕рдХрддреЗ рд╣реИрдВ
$ git clone [email protected]:bfwg/ngx-drag-scroll.git
$ cd ngx-drag-scroll
$ npm install
$ npm start
рдореИрдВрдиреЗ https://github.com/bfwg/ngx-drag-scroll.git рдХреНрд▓реЛрди рдХрд░рдХреЗ рдбреЗрдореЛ рдЪрд▓рд╛рдпрд╛ рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░ рдЧрдпрд╛, рдзрдиреНрдпрд╡рд╛рджред
рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░ рд╕рдХрддрд╛ рдерд╛:
рдирд┐рдореНрди рдХрдВрд╕реЛрд▓ рдЖрдЙрдЯрдкреБрдЯ рдХреЗрд╡рд▓ рдореВрд╡-рд░рд╛рдЗрдЯ-рдмрдЯрди рдХреЛ рдХрдИ рдмрд╛рд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рд╕реЗ рдЙрддреНрдкрдиреНрди рд╣реЛрддрд╛ рд╣реИ:
рдХреЛрдгреАрдп рд╡рд┐рдХрд╛рд╕ рдореЛрдб рдореЗрдВ рдЪрд▓ рд░рд╣рд╛ рд╣реИред рдЙрддреНрдкрд╛рджрди рдореЛрдб рдХреЛ рд╕рдХреНрд╖рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП enableProdMode() рдХреЛ рдХреЙрд▓ рдХрд░реЗрдВред
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 1 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 0 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 1 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 2 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 1 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 2 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 3 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 2 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 3 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 4 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 3 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 4 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 5 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 4 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 5 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░ 6 . рд╣реЛ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ 5 . рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░ 6 . рд╣реЛ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░ 7 рд╣реЛ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░ 8 рд╣реЛ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░ 9 . рд╣реЛ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░ 8 рд╣реЛ рдЧрдпрд╛
ngx-drag-scroll.ts:113 рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░ 9 . рд╣реЛ рдЧрдпрд╛
home.component.ts:92 рд╕реНрдиреИрдк рдПрдирд┐рдореЗрд╢рди рд╕рдорд╛рдкреНрдд
ngx-drag-scroll.ts рдореЗрдВ рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдХрдВрд╕реЛрд▓ рдЖрдЙрдЯрдкреБрдЯ рдХреЗ рд▓рд┐рдП рд╕рд┐рд░реНрдл рдПрдХ рд▓рд╛рдЗрди рдЬреЛрдбрд╝реА рд╣реИ:
currIndex (рдорд╛рди) рд╕реЗрдЯ рдХрд░реЗрдВ {
рдЕрдЧрд░ (рдорд╛рди!== рдпрд╣._рдЗрдВрдбреЗрдХреНрд╕) {
рдпрд╣._рдЗрдВрдбреЗрдХреНрд╕ = рдорд╛рди;
this.indexChanged.emit (рдорд╛рди);
рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ ('рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓рдХрд░' + this._index);
}
}
рддреЛ рджреЛ рд╕рдорд╕реНрдпрд╛рдПрдВ рд╣реИрдВ:
рдХреГрдкрдпрд╛ 2.0.0-рдмреАрдЯрд╛.7 рдЖрдЬрд╝рдорд╛рдПрдВред рдореБрдЭреЗ рдмрддрд╛рдПрдВ рдХрд┐ рдХреНрдпрд╛ рдореБрдЭреЗ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рд░рд┐рдкреЛрд░реНрдЯрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!
рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рд╕рдорд╕реНрдпрд╛ рдЕрднреА рднреА рдореМрдЬреВрдж рд╣реИ..рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВред
рдореИрдВрдиреЗ [email protected] рдХреЗ рд╕рд╛рде рдбреЗрдореЛ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдЗрдВрдбреЗрдХреНрд╕ 6 рд╕реЗ рдЗрдВрдбреЗрдХреНрд╕ 10 рддрдХ, рдЖрдВрджреЛрд▓рди рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдЬрдм рдореИрдВ "рджрд╛рдПрдВ" рдмрдЯрди рджрдмрд╛рддрд╛ рд╣реВрдВ, рддреЛ рдореИрдВ рдЙрдореНрдореАрдж рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рдЫрд╡рд┐рдпрд╛рдВ рдЕрднреА рднреА рдмрд╛рдИрдВ рдУрд░ рдЪрд▓рддреА рд╣реИрдВред
рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рд╣реИ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рдХреЗрд╡рд▓ рддрдм рд╣реЛрддреА рд╣реИ рдЬрдм рдЕрдВрддрд┐рдо рдЫрд╡рд┐ (рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛) рдХрд╛ рдЪрдпрди рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдлрд┐рд░ рдкрд┐рдЫрд▓реА рдЫрд╡рд┐ (рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдпрд╛ рдмрдЯрди рджреНрд╡рд╛рд░рд╛) рдкрд░ рдиреЗрд╡рд┐рдЧреЗрдЯ рдХрд░рдирд╛, рдиреЗрд╡рд┐рдЧреЗрд╢рди рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдлрд╝рдВрдХреНрд╢рди _indexChanged ()_ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдЗрдВрдбреЗрдХреНрд╕ рдХреЛ рдирд╣реАрдВ рдкрд╣рдЪрд╛рдирддрд╛ рд╣реИ рдпрд╛ рдпрд╣ рдЧрд▓рдд рддрд░реАрдХреЗ рд╕реЗ рдЕрдВрддрд┐рдо рдЗрдВрдбреЗрдХреНрд╕ рдкрд░ рдлрд┐рд░ рд╕реЗ рдЯреЙрдЧрд▓ рдХрд░рддрд╛ рд╣реИред
рдЙрджрд╛рд╣рд░рдг рдХрдВрд╕реЛрд▓ рдЖрдЙрдЯрдкреБрдЯ рдЬрдм рдкрд┐рдЫрд▓реА рдЫрд╡рд┐ рд╕реЗ рдкрд┐рдЫрд▓реА рдЫрд╡рд┐ рдкрд░ рдЬрд╛рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ (рдЕрдВрддрд┐рдо рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ = 8):
рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓ рдЧрдпрд╛ 7
рд╕реВрдЪрдХрд╛рдВрдХ рдмрджрд▓ рдЧрдпрд╛ 8
рдХреЛрдИ рдорджрдж?
рдореИрдВ рдЖрдЬ рдХрд╛рдо рдХреЗ рдмрд╛рдж рджреЗрдЦ рд▓реВрдВрдЧрд╛ред рд╡рд┐рд▓рдВрдм рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред
рдирдорд╕реНрддреЗ @ Andi1990 , рдХреНрдпрд╛ рдЖрдк 2.0.2 рдХреЛрд╢рд┐рд╢ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдзрдиреНрдпрд╡рд╛рдж
рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ, рдЕрдЪреНрдЫрд╛ рдХрд╛рдо!
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рд╕рдорд╕реНрдпрд╛ рдЕрднреА рднреА рдореМрдЬреВрдж рд╣реИ..рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВред
рдореИрдВрдиреЗ [email protected] рдХреЗ рд╕рд╛рде рдбреЗрдореЛ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдЗрдВрдбреЗрдХреНрд╕ 6 рд╕реЗ рдЗрдВрдбреЗрдХреНрд╕ 10 рддрдХ, рдЖрдВрджреЛрд▓рди рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдЬрдм рдореИрдВ "рджрд╛рдПрдВ" рдмрдЯрди рджрдмрд╛рддрд╛ рд╣реВрдВ, рддреЛ рдореИрдВ рдЙрдореНрдореАрдж рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рдЫрд╡рд┐рдпрд╛рдВ рдЕрднреА рднреА рдмрд╛рдИрдВ рдУрд░ рдЪрд▓рддреА рд╣реИрдВред