반응형

TypeScript 10

타이프스크립트에서 enum을 인덱스 키 유형으로 사용하는 방법

타이프스크립트에서 enum을 인덱스 키 유형으로 사용하는 방법 다음 예를 생각해 보겠습니다. enum DialogType { Options, Help } class Dialog { test() : string { return ""; } } class Greeter { openDialogs: { [key in DialogType]: Dialog | undefined } = { 0: undefined, 1: undefined }; getDialog(t: DialogType) { return this.openDialogs[t]; } } const greeter = new Greeter(); const d = greeter.getDialog(DialogType.Help); if (d) document.write..

programing 2023.04.02

TypeScript에서 속성을 가진 함수 개체를 만듭니다.

TypeScript에서 속성을 가진 함수 개체를 만듭니다. 함수 오브젝트를 만들고 싶은데 이 오브젝트에는 몇 가지 속성이 있습니다.예를 들어 JavaScript에서는 다음을 수행합니다. var f = function() { } f.someValue = 3; TypeScript에서는 이 유형을 다음과 같이 설명할 수 있습니다. var f: { (): any; someValue: number; }; 하지만 깁스를 하지 않고서는 실제로 만들 수 없습니다.예를 들어 다음과 같습니다. var f: { (): any; someValue: number; } = ( function() { } ); f.someValue = 3; 깁스 없이 이걸 어떻게 만들겠어요?업데이트: 이 답변은 이전 버전의 TypeScript에서 ..

programing 2023.04.02

왜 TypeScript의 'instanceof'에서 "Foo'는 유형만을 나타낼 뿐 여기서 값으로 사용되고 있습니다."라는 오류가 표시되는가?

왜 TypeScript의 'instanceof'에서 "Foo'는 유형만을 나타낼 뿐 여기서 값으로 사용되고 있습니다."라는 오류가 표시되는가? 이 코드를 작성했습니다. interface Foo { abcdef: number; } let x: Foo | string; if (x instanceof Foo) { // ... } 그러나 TypeScript에서 다음 오류가 발생했습니다. 'Foo' only refers to a type, but is being used as a value here. 왜 이런 일이 생기는 건가요?나는 그렇게 생각했다.instanceof값이 지정된 유형을 가지고 있는지 확인할 수 있지만 TypeScript가 이를 좋아하지 않는 것 같습니다.TL;DR instanceof는 인터페이스..

programing 2023.04.02

글로벌 변수를 내부 모듈로 호출합니다.

글로벌 변수를 내부 모듈로 호출합니다. 제겐 타자기본 파일이 있어요Projects.ts부트스트랩 플러그인에서 선언된 글로벌 변수를 참조할 수 있습니다.bootbox.js. 라는 변수에 접속하고 싶다.bootboxTypeScript 클래스 내에서. 가능합니까?컴파일러에 선언되었음을 알려야 합니다. declare var bootbox: any; 더 나은 유형의 정보가 있는 경우 다음 대신 해당 정보를 추가할 수 있습니다.any.아직 모르시는 분들을 위해서...declare외부 진술class바로 다음과 같습니다. declare var Chart: any; @Component({ selector: 'my-component', templateUrl: './my-component.component.html', st..

programing 2023.03.23

두 객체 어레이를 Angular 2와 TypeScript와 병합하시겠습니까?

두 객체 어레이를 Angular 2와 TypeScript와 병합하시겠습니까? 이 주제에 대한 JavaScript 질문을 살펴보았습니다. 특히 이 질문은 TypeScript를 사용하는 Angular2에 관한 것입니다. json 객체를 어레이에 연결하려고 합니다. 내 코드는 이렇게 생겼고 public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data => { this.results.concat(data.results); this._next = data.next; }, err => { console.log(err); } ); } 연결하려면 어떻게 해야 하나요?data.r..

programing 2023.03.18

Typescript primitive type: type "number" 와 "Number" (TSC는 대소문자를 구분하지 않습니다)의 차이점이 있습니까?

Typescript primitive type: type "number" 와 "Number" (TSC는 대소문자를 구분하지 않습니다)의 차이점이 있습니까? 나는 타입의 파라미터를 쓰려고 했다.number그런데 타이프를 틀렸어요, 라고 쓰고 있어요.Number대신. IDE(JetBrains WebStorm)에서 다음을 입력합니다.Number원시 활자에 사용된 것과 같은 색으로 쓰여져 있다number그러나 클래스 이름(알고 있는 것과 모르는 것)을 쓰면 다른 색을 사용하기 때문에, 왠지 철자가 틀린 것을 올바른/거의 정확/정확한/정확한 유형으로 인식하고 있는 것 같습니다. 예를 들어 컴파일러가 다음과 같은 이름의 클래스를 찾을 수 없다고 불평하는 대신 코드를 컴파일할 때NumberTSC는 다음 오류 메시지를..

programing 2023.03.13

로그인 페이지로 각도 리다이렉트

로그인 페이지로 각도 리다이렉트 난 아스프에서 왔어사용자가 허가되지 않은 페이지에 접속하려고 하는 Net MVC 월드는 자동으로 로그인 페이지로 리다이렉트 됩니다. 이 동작을 Angular에 재현하려고 합니다.@CanActivate 데코레이터를 사용했는데 컴포넌트가 렌더링되지 않고 리다이렉트되지 않습니다. 질문은 다음과 같습니다. Angular가 이 동작을 수행할 수 있는 방법을 제공합니까? 만약 그렇다면, 어떻게?좋은 연습인가요? 그렇지 않은 경우 Angular에서 사용자 인증을 처리하기 위한 베스트 프랙티스는 무엇입니까? 다음은 Angular 4(Angular 5 - 8과도 호환됨)를 사용한 업데이트된 예입니다. AuthGuard에 의해 보호되는 홈루트가 있는 루트 import { Routes, Ro..

programing 2023.03.13

'routerLink'는 알려진 속성이 아니므로 바인딩할 수 없습니다.

'routerLink'는 알려진 속성이 아니므로 바인딩할 수 없습니다. 를를 、 2 、 를를 、 를를를2 。아직까지는 대박이다.그래서, 저는 Demo Personal Project를 시작했습니다.angular-cli. 몇 하고 , 에 이 루트로 네비게이트 할 수 .router-outlet을 사용하다 app.component.module // Trying to navigate from this component header.component.displaces Sign in 어느 정도 이해했습니다.그 컴포넌트는 겉돌고 있기 때문에router-outlet할 수 .router그럼 이런 경우 외부에서 내비게이션에 접속할 수 있을까요? 필요하다면 기꺼이 더 많은 정보를 추가하겠습니다.잘 부탁드립니다. 갱신하다 - ..

programing 2023.03.13

TypeScript에서 전역 변수 생성

TypeScript에서 전역 변수 생성 JavaScript에서는 다음과 같이 할 수 있습니다. something = 'testing'; 그리고 또 다른 파일: if (something === 'testing') 그리고 그것은 가질 것이다.something정의됩니다(올바른 순서로 호출된 경우). TypeScript에서 어떻게 해야 하는지 모르겠어요. 이것이 내가 시도했던 것이다. .d.ts 파일의 경우: interface Window { something: string; } 그런 다음 main.ts 파일에서 다음을 수행합니다. window.something = 'testing'; 다른 파일: if (window.something === 'testing') 그리고 이것은 효과가 있다.하지만 나는 이 모든 것..

programing 2023.03.08

'TS2532: Object is undefined' 오류를 해결하려면 어떻게 해야 합니까?

'TS2532: Object is undefined' 오류를 해결하려면 어떻게 해야 합니까? Firebase Cloud Functions와 Firestore를 사용하는 웹 앱의 예를 재구축하려고 합니다.기능을 전개하면, 다음의 에러가 표시됩니다. src/index.ts:45:18 - error TS2532: Object is possibly 'undefined'. 45 const data = change.after.data(); 기능은 다음과 같습니다. export const archiveChat = functions.firestore .document("chats/{chatId}") .onUpdate(change => { const data = change.after.data(); const maxLe..

programing 2023.02.26
반응형