반응형

TypeScript 14

TypeScript 유형 무시 대소문자

TypeScript 유형 무시 대소문자 TypeScript에는 다음과 같은 형식 정의가 있습니다. export type xhrTypes = "GET" | "POST" | "PUT" | "DELETE" | "OPTIONS" | "CONNECT" | "HEAD"; 슬프게도, 이것은 대소문자를 구분합니다. 대소문자를 구분하지 않는 것으로 정의할 수 있는 방법이 있습니까? 감사해요.유형 스크립트 4.1+에 대한 새로운 답변 다시 오신 것을 환영합니다!이제 TypeScript 4.1에 템플릿 리터럴 유형과 /Lowercaseintental 문자열 매핑 유형이 도입되었으므로 정규식 유형 없이도 이 질문에 대답할 수 있습니다. 두 가지 주요 접근 방식이 있습니다."잔인한 힘" 접근법은 반복적인 조건부 유형과 조합을 ..

sourcecode 2023.07.07

Angular 앱에서 rxjs 관련 메모리 누수를 감지하는 방법

Angular 앱에서 rxjs 관련 메모리 누수를 감지하는 방법 관찰 가능한 구독을 "남겼음" 또는 "현재 활성 상태"로 탐지할 수 있는 도구 또는 기술이 있습니까? 최근에 "가입 취소" 호출이 누락되어 구성 요소가 활성화된 상태로 유지되는 상당히 심각한 메모리 누수를 발견했습니다.저는 "takeUntil" 접근법에 대해 읽었는데 꽤 괜찮은 것 같습니다.https://stackoverflow.com/a/41177163/2050306 하지만 저는 여전히 그것을 위한 도구(브라우저 확장 등)가 있는지 궁금합니다.제가 알기로는 8월은 이 지역을 포함하지 않습니다. 모든 의견을 주셔서 대단히 감사합니다.고지 사항:저는 아래에 언급한 도구의 작성자입니다. 이 작업은 새 헤드라인 등록이 추가되는 목록을 유지하고 구..

sourcecode 2023.06.17

대응 유형 스크립트 자료-UI 사용 유형 호출 불가

대응 유형 스크립트 자료-UI 사용 유형 호출 불가 어떤 이유에서인지 다음 오류가 발생하여 useStyles를 호출할 수 없습니다. This expression is not callable. Type 'never' has no call signatures.ts(2349) const useStyles: never 다음은 전체 코드입니다. import { makeStyles, Theme } from "@material-ui/core"; import IconButton from "@material-ui/core/IconButton"; import AppBar from "@mui/material/AppBar"; import Toolbar from "@mui/material/Toolbar"; import { Re..

sourcecode 2023.06.17

Javascript 조건부 내부 유형 스크립트 인터페이스

Javascript 조건부 내부 유형 스크립트 인터페이스 TypeScript에서 인터페이스 선언 내부의 조건을 가질 수 있습니까?제가 찾고 있는 것은 첫 번째 키의 값을 기준으로 두 번째 키가 이러한 값이 될 수 있다는 것입니다. 예(비작동): interface getSublistValue { /** The internal ID of the sublist. */ sublistId: 'item' | 'partners'; /** The internal ID of a sublist field. */ if (this.sublistId === 'item') { fieldId: 'itemname' | 'quantity'; } if (this.sublistId === 'partners') { fieldId: 'par..

sourcecode 2023.06.17

문자열 리터럴 형식 인수를 기반으로 하는 변수 반환 형식

문자열 리터럴 형식 인수를 기반으로 하는 변수 반환 형식 TypeScript 1.8 또는 2.0에서 문자열 리터럴 형식 인수 값을 기반으로 한 변수 반환 형식을 가질 수 있습니까? type Fruit = "apple" | "orange" function doSomething(foo : Fruit) : string | string[] { if (foo == "apple") return "hello"; else return ["hello","world"]; } var test : string[] = doSomething("orange"); 오류: TS2322: 'string | string[]' 유형은 'string[]' 유형에 할당할 수 없습니다. 예, 오버로드 서명을 사용하여 원하는 작업을 정확히 수행할..

sourcecode 2023.06.12

Angular 6 날짜별 객체 배열 정렬

Angular 6 날짜별 객체 배열 정렬 저는 Angular 6 애플리케이션을 위해 날짜별로 배열 객체를 정렬하려고 합니다.데이터에 문자열 형식이 있습니다.Angular에서 정렬을 수행할 기존 모듈이 있는지 Typescript에서 정렬 기능을 구축해야 하는지 궁금합니다. 각도 템플릿 더 어레이 [ { CREATE_TS: "2018-08-15 17:17:30.0", Key1: "Val1", Key2: "Val2", }, { CREATE_TS: "2018-08-15 17:25:30.0", Key1: "Val1", Key2: "Val2", }, { CREATE_TS: "2018-08-15 17:28:30.0", Key1: "Val1", Key2: "Val2", } ] 사용할 수 있습니다.Array.sort정렬..

sourcecode 2023.06.12

날짜 문자열이 ISO 및 UTC 형식인지 확인합니다.

날짜 문자열이 ISO 및 UTC 형식인지 확인합니다. 이 형식의 문자열이 있습니다.2018-02-26T23:10:00.780ZISO8601과 UTC 형식인지 확인하고 싶습니다. let date= '2011-10-05T14:48:00.000Z'; const error; var dateParsed= Date.parse(date); if(dateParsed.toISOString()==dateParsed && dateParsed.toUTCString()==dateParsed) { return date; } else { throw new BadRequestException('Validation failed'); } 문제는 다음과 같습니다. 오류 메시지가 표시되지 않음 Date.parse() 문자열 날짜 형식을 다..

sourcecode 2023.06.07

angular 2 라우터를 사용하여 현재 루트를 새로고침하는 방법

angular 2 라우터를 사용하여 현재 루트를 새로고침하는 방법 와 angular 2를 .hashlocation★★★★★★ 。 컴포넌트는 다음 루트로 로드됩니다. "departments/:id/employees" 아직까지는 괜찮아. 편집된 여러 테이블 행의 배치 저장을 정상적으로 수행한 후 다음을 통해 현재 루트 URL을 새로고침합니다. this.router.navigate([`departments/${this.id}/employees`]); 하지만 아무 일도 일어나지 않아, 왜?다음과 같이 예상되는 루트로 리다이렉트하는 함수를 컨트롤러에 만듭니다. redirectTo(uri:string){ this.router.navigateByUrl('/', {skipLocationChange: true}).the..

sourcecode 2023.04.03

객체 속성 액세스를 위한 선택적 체인 연산자 사용

객체 속성 액세스를 위한 선택적 체인 연산자 사용 TypeScript 3.7은 이제 옵션 체인 연산자를 지원합니다.따라서 다음과 같은 코드를 쓸 수 있습니다. const value = a?.b?.c; 즉, 이 연산자를 사용하여 객체 자체의 속성에 액세스할 수 있습니다.null또는undefined. 기본적으로 동일한 작업을 수행하려고 합니다. 그러나 속성 이름은 동적입니다. const value = a?[b]?.c; 다만, 구문 에러가 표시됩니다. 오류 TS1005: ':'이(가) 예상되었습니다. 내가 여기서 뭘 잘못하고 있는 거지?이게 가능하기나 해? 이 제안은 이것이 불가능하다는 것을 암시하는 것 같습니다(그러나 구문 예제를 잘못 알고 있는 것 같습니다).대괄호 표기법 및 옵션 체인을 사용하여 속성에 ..

sourcecode 2023.04.03

Jest에서 TypeScript를 사용한 모의 의존 관계

Jest에서 TypeScript를 사용한 모의 의존 관계 jest.mock TypeScript의 에러를 mockReturnThisOnce)jest.mockmethod)는 이미 입력되어 있기 때문에 의존관계에 존재하지 않습니다. 가 TypeScript에서 해야 요?jest.mock 여기 간단한 예가 있습니다. 의존 const myDep = (name: string) => name; export default myDep; 테스트.ts import * as dep from '../depenendency'; jest.mock('../dependency'); it('should do what I need', () => { //this throws ts error // Property mockReturnValueO..

sourcecode 2023.02.27
반응형