Ng-lazyload-image: рд╕реНрдХреНрд░реЙрд▓рд╣реБрдХ рдХреЗ рд▓рд┐рдП рд╕рднреА рдорд╛рдкрджрдВрдбреЛрдВ рдХреЛ рд╣рд▓ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛

рдХреЛ рдирд┐рд░реНрдорд┐рдд 14 рдЕрдЧре░ 2020  ┬╖  14рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: tjoskar/ng-lazyload-image

рдореБрдЭреЗ рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ C:/............/node_modules/ng-lazyload-image/ng-lazyload-image.d.ts рдореЗрдВ рд╕реНрдХреНрд░реЙрд▓рд╣реБрдХ рдХреЗ рд▓рд┐рдП рд╕рднреА рдорд╛рдкрджрдВрдбреЛрдВ рдХреЛ рд╣рд▓ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛: (?) рдпрд╣ рдХреЗрд╡рд▓ рддрдм рд╣реЛрддрд╛ рд╣реИ рдЬрдм рдПрдирдЬреА рдмрд┐рд▓реНрдб --рдкреНрд░реЛрдб рдХрд░рддреЗ рд╣реИрдВ рд▓реЗрдХрд┐рди рдПрдирдЬреА рдмрд┐рд▓реНрдб рдХреЗ рд╕рд╛рде рдареАрдХ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВред рдореИрдВрдиреЗ рдмрд┐рдирд╛ рдХрд┐рд╕реА рд╕рдлрд▓рддрд╛ рдХреЗ npm install ng-lazyload-image --save-prod рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдХреЛрдгреАрдп 8 рдореЗрдВ рдПрдХ рдмрдЧ рд╣реИ (рдореИрдВ рдЗрд╕реЗ рдХреЛрдгреАрдп 10 рдореЗрдВ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛)ред

рдпрд╣ рд╢рд╛рдпрдж рдЗрд╕ рд▓рд╛рдЗрди рдХреЗ рдХрд╛рд░рдг рд╣реИ: https://github.com/tjoskar/ng-lazyload-image/blob/78512a9b8d2dae86e0719feb11ff810485948aab/src/scroll-hooks/hooks.ts#L11

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЕрднреА рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ:
```ts
'@ рдХреЛрдгреАрдп/рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо-рдмреНрд░рд╛рдЙрдЬрд╝рд░' рд╕реЗ { BrowserModule } рдЖрдпрд╛рдд рдХрд░реЗрдВ;
рдЖрдпрд╛рдд { NgModule } '@angular/core' рд╕реЗ;
рдЖрдпрд╛рдд { LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS, рд╕реНрдХреНрд░реЙрд▓рд╣реБрдХ } 'ng-lazyload-image' рд╕реЗ;
рдЖрдпрд╛рдд { AppComponent } './app.component' рд╕реЗ;

// рдмрд┐рдирд╛ рдХрдВрд╕реНрдЯреНрд░рдХреНрдЯрд░ рддрд░реНрдХ рдХреЗ рдПрдХ рдХрд╕реНрдЯрдо рдХреНрд▓рд╛рд╕ рдмрдирд╛рдПрдВ
рдирд┐рд░реНрдпрд╛рдд рд╡рд░реНрдЧ MyScrollHooks рд╕реНрдХреНрд░реЙрд▓рд╣реБрдХ рдХрд╛ рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░рддрд╛ рд╣реИ {
рдХрдВрд╕реНрдЯреНрд░рдХреНрдЯрд░ () {
рдЙрддреНрддрдо()
}
}

@NgModule({
рдШреЛрд╖рдгрд╛рдПрдВ: [AppComponent],
рдЖрдпрд╛рдд: [рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЙрдбреНрдпреВрд▓, LazyLoadImageModule],
рдкреНрд░рджрд╛рддрд╛: [{ рдкреНрд░рджрд╛рди рдХрд░реЗрдВ: LAZYLOAD_IMAGE_HOOKS, useClass: MyScrollHooks}],
рдмреВрдЯрд╕реНрдЯреНрд░реИрдк: [AppComponent],
})
рдирд┐рд░реНрдпрд╛рдд рд╡рд░реНрдЧ рдРрдкрдореЙрдбреНрдпреВрд▓ {}
```

рд╕рднреА 14 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдмрд┐рд▓реНрдб рдХрдорд╛рдВрдб рдореЗрдВ --prod рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдореБрдЭреЗ рднреА рдЗрд╕ рддрд░рд╣ рдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝ рд░рд╣рд╛ рд╣реИред

рдЖрдк рдХреЛрдгреАрдп рдХрд╛ рдХрд┐рд╕ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ?
рдХреНрдпрд╛ рдЖрдк рдкреВрд░реНрдг рддреНрд░реБрдЯрд┐ рд╕рдВрджреЗрд╢ рдбрд╛рд▓ рд╕рдХрддреЗ рд╣реИрдВ?

рдХреЛрдгреАрдп 8.3
C:......./node_modules/ng-lazyload-image/ng-lazyload-image.d.ts: (?)

рдХреНрдпрд╛ рдЖрдк рд╕реНрдХреНрд░реЙрд▓рд╣реБрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдпрд╛ рдЖрдкрдХрд╛ рд╕реЗрдЯрдЕрдк рдХреИрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИ?

рдХреНрдпрд╛ рдпрд╣ рдХреБрдЫ рдРрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИ:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS, ScrollHooks } from 'ng-lazyload-image';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, LazyLoadImageModule],
  providers: [{ provide: LAZYLOAD_IMAGE_HOOKS, useClass: ScrollHooks }],
  bootstrap: [AppComponent],
})
export class MyAppModule {}

рд╣рд╛рдВ, рдРрдк рдореЙрдбреНрдпреВрд▓ рд╡рд░реНрдЧ рдореЗрдВ рдЖрдпрд╛рдд рдмрд┐рд▓реНрдХреБрд▓ рд╡реИрд╕рд╛ рд╣реА рд╣реИред

@tjoskar рдореИрдВрдиреЗ рднреА рдЙрд╕реА рддрд░рд╣ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рд╣реИред рдореБрдЭреЗ рднреА рд╡рд╣реА рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ

рдЗрд╕реЗ рдбрд┐рдмрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рдПрдХ рдХреЛрдгреАрдп 8.3 рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдмрдирд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреАред рдХреНрдпрд╛ рдЖрдкрдХреЗ рд▓рд┐рдП рдЕрдкрдирд╛ рдХреЛрдб рд╕рд╛рдЭрд╛ рдХрд░рдирд╛ рдпрд╛ рдПрдХ рдЫреЛрдЯрд╛ рд░реЗрдкреЛ рдмрдирд╛рдирд╛ рд╕рдВрднрд╡ рд╣реИ рдЬрд╣рд╛рдВ рдЖрдк рддреНрд░реБрдЯрд┐ рдХреЛ рдкреБрди: рдЙрддреНрдкрдиреНрди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдпрд╛ рдореБрдЭреЗ рдЕрдкрдиреА package.json рдлрд╝рд╛рдЗрд▓ рджреЗрдВред

{
"рдирд╛рдо": "рд╡реНрдпрдХреНрддрд┐рдЧрдд-рд╡реЗрдмрд╕рд╛рдЗрдЯ",
"рд╕рдВрд╕реНрдХрд░рдг": "0.0.0",
"рд╕реНрдХреНрд░рд┐рдкреНрдЯ": {
"рдХреЗ рдХреЗ",
"рд╢реБрд░реВ": "рд╕реЗрд╡рд╛ рдХреА",
"рдмрд┐рд▓реНрдб": "рдмрд┐рд▓реНрдб рдХрд╛",
"рдкрд░реАрдХреНрд╖рдг": "рдкрд░реАрдХреНрд╖рдг рдХрд╛",
"рд▓рд┐рдВрдЯ": "рд▓рд┐рдВрдЯ рдХрд╛",
"e2e": "e2e рдХрд╛"
},
"рдирд┐рдЬреА": рд╕рдЪ рд╣реИ,
"рдирд┐рд░реНрднрд░рддрд╛": {
"@ рдХреЛрдгреАрдп/рдПрдирд┐рдореЗрд╢рди": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рд╕рд╛рдорд╛рдиреНрдп": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рд╕рдВрдХрд▓рдХ": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рдХреЛрд░": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рд░реВрдк": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо-рдмреНрд░рд╛рдЙрдЬрд╝рд░": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо-рдмреНрд░рд╛рдЙрдЬрд╝рд░-рдЧрддрд┐рд╢реАрд▓": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рд░рд╛рдЙрдЯрд░": "~ 8.2.14",
"рдмреВрдЯрд╕реНрдЯреНрд░реИрдк": "^ 4.4.1",
"рд╣реИрдореНрдмрд░реНрдЧрд░": "^ 1.1.3",
"jquery": "^3.5.1",
"рдкрд▓": "^2.24.0",
"рд▓реЗрдЬрд╝реАрд▓реЛрдб-рдЗрдореЗрдЬ": "^9.0.0",
"рдЖрд░рдПрдХреНрд╕рдЬреЗрдПрд╕": "~ 6.4.0",
"tslib": "^ 1.10.0",
"рдЬрд╝реЛрди.рдЬреЗрдПрд╕": "~ 0.9.1"
},
"рджреЗрд╡ рдирд┐рд░реНрднрд░рддрд╛": {
"@ рдХреЛрдгреАрдп-рджреЗрд╡рдХрд┐рдЯ/рдмрд┐рд▓реНрдб-рдХреЛрдгреАрдп": "^0.803.24",
"@ рдХреЛрдгреАрдп/рдХреНрд▓реА": "~ 8.3.23",
"@ рдХреЛрдгреАрдп/рдХрдВрдкрд╛рдЗрд▓рд░-рдХреНрд▓реА": "~ 8.2.14",
"@ рдХреЛрдгреАрдп/рднрд╛рд╖рд╛-рд╕реЗрд╡рд╛": "~ 8.2.14",
"@ рдкреНрд░рдХрд╛рд░/рдЪрдореЗрд▓реА": "~ 3.3.8",
"@types/jasminewd2": "~ 2.0.3",
"@ рдкреНрд░рдХрд╛рд░/рдиреЛрдб": "~ 8.9.4",
"рдХреЛрдбрд▓реАрдЬрд╝рд░": "^5.0.0",
"рдЪрдореЗрд▓реА-рдХреЛрд░": "~ 3.4.0",
"рдЬреИрд╕реНрдореАрди-рд╕реНрдкреЗрдХ-рд░рд┐рдкреЛрд░реНрдЯрд░": "~ 4.2.1",
"рдХрд░реНрдо": "~ 4.1.0",
"рдХрд░реНрдо-рдХреНрд░реЛрдо-рд▓реЙрдиреНрдЪрд░": "~ 2.2.0",
"рдХрд░реНрдо-рдХрд╡рд░реЗрдЬ-рдЗрд╕реНрддрд╛рдВрдмреБрд▓-рд░рд┐рдкреЛрд░реНрдЯрд░": "~ 2.0.1",
"рдХрд░реНрдо-рдЪрдореЗрд▓реА": "~ 2.0.1",
"рдХрд░реНрдо-рдЬреИрд╕реНрдореАрди-рдПрдЪрдЯреАрдПрдордПрд▓-рд░рд┐рдкреЛрд░реНрдЯрд░": "^1.4.0",
"рдЪрд╛рдЪрд╛": "~ 5.4.0",
"рдЯреАрдПрд╕-рдиреЛрдб": "~ 7.0.0",
"tslint": "~ 5.15.0",
"рдЯрд╛рдЗрдкрдкреНрд░рддрд┐": "~ 3.5.3"
}
}

рдореБрдЭреЗ рднреА рдЗрд╕реА рддреНрд░реБрдЯрд┐ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝ рд░рд╣рд╛ рд╣реИред рдЙрдкрд░реЛрдХреНрдд рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЗ рд╕рдорд╛рди рдкреИрд░рд╛рдореАрдЯрд░ред

рдореИрдВ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдХреЛрдгреАрдп 8 рдореЗрдВ рдПрдХ рдмрдЧ рд╣реИ (рдореИрдВ рдЗрд╕реЗ рдХреЛрдгреАрдп 10 рдореЗрдВ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛)ред

рдпрд╣ рд╢рд╛рдпрдж рдЗрд╕ рд▓рд╛рдЗрди рдХреЗ рдХрд╛рд░рдг рд╣реИ: https://github.com/tjoskar/ng-lazyload-image/blob/78512a9b8d2dae86e0719feb11ff810485948aab/src/scroll-hooks/hooks.ts#L11

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЕрднреА рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ:
```ts
'@ рдХреЛрдгреАрдп/рдкреНрд▓реЗрдЯрдлрд╝реЙрд░реНрдо-рдмреНрд░рд╛рдЙрдЬрд╝рд░' рд╕реЗ { BrowserModule } рдЖрдпрд╛рдд рдХрд░реЗрдВ;
рдЖрдпрд╛рдд { NgModule } '@angular/core' рд╕реЗ;
рдЖрдпрд╛рдд { LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS, рд╕реНрдХреНрд░реЙрд▓рд╣реБрдХ } 'ng-lazyload-image' рд╕реЗ;
рдЖрдпрд╛рдд { AppComponent } './app.component' рд╕реЗ;

// рдмрд┐рдирд╛ рдХрдВрд╕реНрдЯреНрд░рдХреНрдЯрд░ рддрд░реНрдХ рдХреЗ рдПрдХ рдХрд╕реНрдЯрдо рдХреНрд▓рд╛рд╕ рдмрдирд╛рдПрдВ
рдирд┐рд░реНрдпрд╛рдд рд╡рд░реНрдЧ MyScrollHooks рд╕реНрдХреНрд░реЙрд▓рд╣реБрдХ рдХрд╛ рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░рддрд╛ рд╣реИ {
рдХрдВрд╕реНрдЯреНрд░рдХреНрдЯрд░ () {
рдЙрддреНрддрдо()
}
}

@NgModule({
рдШреЛрд╖рдгрд╛рдПрдВ: [AppComponent],
рдЖрдпрд╛рдд: [рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЙрдбреНрдпреВрд▓, LazyLoadImageModule],
рдкреНрд░рджрд╛рддрд╛: [{ рдкреНрд░рджрд╛рди рдХрд░реЗрдВ: LAZYLOAD_IMAGE_HOOKS, useClass: MyScrollHooks}],
рдмреВрдЯрд╕реНрдЯреНрд░реИрдк: [AppComponent],
})
рдирд┐рд░реНрдпрд╛рдд рд╡рд░реНрдЧ рдРрдкрдореЙрдбреНрдпреВрд▓ {}
```

рд╕рдВрджрд░реНрдн рдХреЛрдгреАрдп рдРрдк рдпрд╣рд╛рдВ рдкрд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ: https://github.com/tjoskar/ng-lazyload-image-bugs/blob/master/476-cant-resolve-all-parameters-for-ScrollHooks/src/app/appред рдореЙрдбреНрдпреВрд▓.ts

рдзрдиреНрдпрд╡рд╛рдж! рдЗрд╕рдиреЗ рдЗрд╕реЗ рдареАрдХ рдХрд░ рджрд┐рдпрд╛! рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдерд╛ рдХрд┐ рдореЗрд░рд╛ рдХреЛрдгреАрдп рд╕рдВрд╕реНрдХрд░рдг рдХрд┐рддрдирд╛ рдкреАрдЫреЗ рдерд╛ред рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИред

[email protected] рдореЗрдВ рдПрдХ рд╕реБрдзрд╛рд░ рд╢рд╛рдорд┐рд▓ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЖрдкрдХреЛ рдПрдХ рдЕрддрд┐рд░рд┐рдХреНрдд рдЦрд╛рд▓реА рд╡рд░реНрдЧ рдмрдирд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

LobeTia picture LobeTia  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

coryrylan picture coryrylan  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alisahinozcelik picture alisahinozcelik  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vugar005 picture vugar005  ┬╖  10рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

tjoskar picture tjoskar  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ