Ng-lazyload-image: 코드 정리

일부 정리가 필요할 수있는 부분이 있습니다.

• [x] LazyLoadImageDirectiveProps와 함께 선택적 입력 / 출력을 선택적 (?)으로 표시하십시오.
• [x] 모든 클래스 이름을 상수로 추출 ( ng-lazyloaded , ng-lazyloading , ng-failed-lazyloaded )
• [x] setLoadedStyle 대한 고차 함수를 만듭니다. 지금 우리는 세 가지 다른 방법으로 클래스 이름을 설정하고 있습니다. 정규화합니다 (https://github.com/tjoskar/ng-lazyload-image/pull/274#discussion_r160511311 참조). https://github.com/tjoskar/ng-lazyload-image/blob/7b2261798a13066f23c10f353a60e636d95bad2c/src/lazyload-image.ts#L109 https://github.com/tjoskar/ng-lazyload-image/blob/7952261798a13066f23c10f353a60e636d2261798a13066f23c10f353 /lazyload-image.ts#L116 https://github.com/tjoskar/ng-lazyload-image/blob/7b2261798a13066f23c10f353a60e636d95bad2c/src/lazyload-image.ts#L128
• [x] window 가 정의되지 않았는지 확인하는 함수를 만듭니다. https://github.com/tjoskar/ng-lazyload-image/blob/7b2261798a13066f23c10f353a60e636d95bad2c/src/lazyload-image.directive.ts#L21 https://github.com 에서 window 하고 있습니다 . com / tjoskar / ng-lazyload-image / blob / 7b2261798a13066f23c10f353a60e636d95bad2c / src / lazyload-image.directive.ts # L75 https://github.com/tjoskar/ng-lazyload-image/blob/7b2261798a13066f23c10f353a60e636droll-listener .ts # L20
• [x] platformId 에서 LazyLoadImageDirective . 이것은 서버가 렌더링되었는지 감지하기 위해 추가되었지만 (https://github.com/tjoskar/ng-lazyload-image/commit/7140a0f8f6dea1968c32bd84b7b90ede83803ed9) 나중에 다른 방식으로 구현되었습니다.
• [x] Observable을 패치하는 대신 rxjs에 lettable 연산자를 사용하십시오. https://github.com/ReactiveX/rxjs/blob/master/doc/lettable-operators.md를 참조하십시오.
• [x] tslint 오류를 수정하고 npx tslint -c tslint.json 'src/**/*.ts' 를 실행하여 오류를 가져옵니다.
• [x] "strict": true 에 tsconfig.json 및 오류 수정
• [x] "noImplicitAny": true 에서 tsconfig.json 및 오류 수정
• [x] 더 예쁘게 사용하기 시작하고 tslint를 제거하십시오. https://github.com/prettier/prettier
• [x] 개발 빌드 경고 제거

풀 리퀘스트는 환영 이상입니다. :)