반응형

TypeScript 11

형식 술어의 형식을 매개 변수의 형식에 할당할 수 있어야 하는 이유는 무엇입니까?

형식 술어의 형식을 매개 변수의 형식에 할당할 수 있어야 하는 이유는 무엇입니까? 유형 서술어가 있습니다. // tslint:disable-next-line:no-any const isString = (value: any): value is string { return typeof value === 'string' } 이것은 작동하지만, 린터를 비활성화해야 합니다.나는 차라리 이렇게 할 것입니다. const isString = (value: T): value is string { return typeof value === 'string' } 그런 식으로 유형은 아닙니다.any하지만 대신 우리는 각 유형에 대해 1개의 유형 가드 기능, 즉 1개의 기능을 가지고 있습니다.a -> Boolean매회a. 유형 ..

programing 2023.06.08

TypeScript Playground로 라이브러리를 가져오는 방법

TypeScript Playground로 라이브러리를 가져오는 방법 TypeScript Playground는 이 가져오기를 주저하지 않는 것 같습니다. import * as _ from "underscore"; 다음과 같이 사용하려고 할 때까지: const equalResult = _.isEqual('ABC', '123'); 그런 다음 다음 오류가 발생합니다. [ERR]: Executed JavaScript Failed: [ERR]: Cannot use import statement outside a module 운동장은 JSDoc를 주기 때문에 도서관을 이해하는 것 같아서, 이것이 효과가 있을 것이라고 생각합니다만, 어떻게 하면 좋을까요?TypeScript Playground는 완전한 샌드박스 솔루션이..

programing 2023.06.08

각도 오류: "ngModel은 'input'의 기존 속성이 아니므로 바인딩할 수 없습니다."

각도 오류: "ngModel은 'input'의 기존 속성이 아니므로 바인딩할 수 없습니다." 이 질문의 답변은 지역사회의 노력입니다.기존 답변을 편집하여 이 게시물을 개선하십시오.현재 새로운 답변이나 상호작용을 받아들이지 않고 있습니다. Angular 4를 사용하고 있는데 콘솔에 다음 오류가 나타납니다. 'ngModel'은 'input'의 알려진 속성이 아니므로 바인딩할 수 없습니다. 어떻게 하면 해결할 수 있을까요?양식 입력에 양방향 데이터 바인딩을 사용하려면 Angular 모듈에서 패키지를 가져와야 합니다. import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ FormsModule ] 편집 같은 문제가 중복되는 질문이 많기 때문에 ..

programing 2023.04.04

TypeScript 컴파일러 Array.protype을 확인하는 방법.필터가 어레이에서 특정 유형을 제거합니까?

TypeScript 컴파일러 Array.protype을 확인하는 방법.필터가 어레이에서 특정 유형을 제거합니까? Array.protype을 사용하여 배열에서 늘(정의되지 않은) 요소를 필터링하려고 합니다.Filter 하지만 TypeScript 컴파일러가 "filter" 함수의 파생 배열을 인식하지 못하고 유형 검사를 통과하지 못했습니다. (number | undefined) [ ]타입의 배열이 있고 번호[ ]어레이에 적합하도록 필터가 정의되어 있지 않은 경우, 다음과 같은 간단한 코드가 있다고 가정합니다. const arry = [1, 2, 3, 4, "5", 6]; const numArry: number[] = arry .map((i) => { return typeof i === "number" ? i..

programing 2023.03.15

오류: 'types'는 .ts 파일에서만 사용할 수 있습니다. - @ts-check를 사용하는 Visual Studio 코드

오류: 'types'는 .ts 파일에서만 사용할 수 있습니다. - @ts-check를 사용하는 Visual Studio 코드 Visual Studio Code에서 작업 중인 노드 프로젝트에서 TypeScript를 사용하기 시작했습니다.Flow와 마찬가지로 "opt-in" 전략을 따르고 싶었습니다.그래서 저는// @ts-check최고의 기분으로.js해당 파일에 대한 TS를 활성화하기 위해 파일을 작성하십시오.궁극적으로 Flow와 동일한 "linting" 경험을 원하기 때문에 Intellissense 경고/오류를 볼 수 있도록 플러그인 TSLint를 설치했습니다. 그러나 내 파일은 다음과 같습니다. // @ts-check module.exports = { someMethod: (param: string): ..

programing 2023.03.10

키와 값의 페어를 타입 스크립트에서 사용할 수 있습니까?

키와 값의 페어를 타입 스크립트에서 사용할 수 있습니까? 키와 값의 쌍이 타이프 스크립트로 제공됩니까?'네'인 경우 어떻게 해야 합니까?링크의 샘플은 누구나 제공할 수 있습니다. 키와 값의 페어를 타입 스크립트에서 사용할 수 있습니까? 네, 인덱스 시그니처 호출: interface Foo { [key: string]: number; } let foo:Foo = {}; foo['hello'] = 123; foo = { 'leet': 1337 }; console.log(foo['leet']); // 1337 여기 키가 있습니다.string및 값은number. 더 es6를 사용할 수 있습니다.Map적절한 사전의 경우, 에 의해 폴리필됩니다.가장 간단한 방법은 다음과 같습니다. var indexedArray: ..

programing 2023.03.10

Angular 2의 특정 루트에 대해 RouteReuseStrategy shouldDetach를 구현하는 방법

Angular 2의 특정 루트에 대해 RouteReuseStrategy shouldDetach를 구현하는 방법 Angular 2 모듈이 있어 루팅을 구현하고 있으며 탐색 시 상태를 저장해야 합니다. 사용자는 다음을 수행할 수 있어야 합니다. '검색 수식'을 사용하여 문서 검색 결과 중 하나로 이동하다 서버와 통신하지 않고 '검색 결과'로 돌아갑니다. 수 있어요.RouteReuseStrategy '하다, 하다' 입니다. 문서가 저장되지 않도록 구현하려면 어떻게 해야 합니까? 따라서 경로 "documents" 상태는 저장되어야 하며 경로 "documents/:id" 상태는 저장되지 않아야 합니다.앤더스, 좋은 질문이야! 저는 당신과 거의 같은 사용 사례를 가지고 있고, 같은 일을 하고 싶었습니다![ User..

programing 2023.03.05

TypeScript에서 어레이 항목을 삭제하려면 어떻게 해야 합니까?

TypeScript에서 어레이 항목을 삭제하려면 어떻게 해야 합니까? TypeScript에서 작성한 어레이가 있으며 이 어레이에는 키로 사용하는 속성이 있습니다.키가 있는 경우 어떻게 항목을 제거할 수 있습니까?JavaScript와 같은 방법으로. delete myArray[key]; 그러면 요소가 다음과 같이 설정됩니다.undefined. 다음 기능을 사용하는 것이 좋습니다. const index = myArray.indexOf(key, 0); if (index > -1) { myArray.splice(index, 1); } let foo_object; // Itemitem(object here) to remove this.foo_objects = this.foo_objects.filter(obj =>..

programing 2023.02.28

tsconfig 옵션 "lib"의 기능은 무엇입니까?

tsconfig 옵션 "lib"의 기능은 무엇입니까? tsconfig.json에 다음 행이 있는 기존 프로젝트가 있습니다. lib:["2016", "DOM"] 이것의 목적은 무엇입니까? 제가 찾을 수 있는 유일한 정보는 다음과 같습니다. 컴파일에 포함할 라이브러리 파일을 지정합니다.TypeScript 버전 2.0 이후가 필요합니다. 그게 무슨 의미죠?이것은 새로운 타입스크립트2 기능이기 때문에 아직 매뉴얼이 부족하지만 타입스크립트 2.0의 새로운 기능: --lib를 사용하면 프로젝트에 포함하도록 선택할 수 있는 내장 API 선언 그룹의 목록을 지정할 수 있습니다.예를 들어, 런타임에서 Map, Set 및 Promise(예: 현재 대부분의 상록수 브라우저)를 지원할 것으로 예상될 경우 --lib es201..

programing 2023.02.28

Angular 2의 "select"에서 새 선택을 받으려면 어떻게 해야 합니까?

Angular 2의 "select"에서 새 선택을 받으려면 어떻게 해야 합니까? Angular 2(Type Script)를 사용하고 있습니다. 새로운 선곡으로 뭔가를 하고 싶지만, 내가 얻은 것은onChange()항상 마지막 선택입니다.새로운 선택을 받으려면 어떻게 해야 하나요? {{i}} onChange($event) { console.log(this.selectedDevice); // I want to do something here with the new selectedDevice, but what I // get here is always the last selection, not the one I just selected. } 양방향 데이터 바인딩이 필요하지 않은 경우: {{i}} onChang..

programing 2023.02.23
반응형