tipmemo

각진 강한 유형의 반응형 Angular 프로젝트에서 FormGroups, FormArrays 및 FormControls를 강력하게 입력하기 위해 대규모 구성 요소 집합을 리팩터링하려고 합니다. 저는 강력한 유형의 반응형을 구현하는 좋은 방법을 찾고 있습니다.자신의 경험을 바탕으로 제안/권장 사항을 제시할 수 있는 사람이 있습니까? 감사해요. 편집: 즉, FormGroup 또는 FormArray를 만들 때 현재는 FormGroup 또는 FormArray 내부의 실제 양식 구조를 지정할 수 없습니다.이 양식을 앱의 다양한 구성 요소에 전달하면 유지 관리가 더 어려워지는 것 같습니다.가장 우아한 솔루션은 TypeScript 선언 파일을 활용하는 것입니다.*.d.ts) 표준 양식 클래스를 확장하는 일반 인터페이..

유형 스크립트와 함께 뷰에서 Mixins를 사용할 수 없습니다. 나는 이런 폴더 구조를 가지고 있습니다. --Page -group.vue --Services -groupMixin.ts 그룹 대본가치관 그룹 Mixin.ts의 코드 import { Vue } from 'vue-property-decorator' //creating mixins. export class GroupMixin extends Vue { test: string = 'sss' } 저는 여기서 두 가지 문제에 직면해 있습니다. 먼저, 제가 사용한 ts 파일을 가져오기 위해 ../../, ./ 또는 @/를 사용할 수 있는 방법이 있습니까?lang="ts"를 사용하지 않고도 @/services/...와 같은 js 파일을 가져올 수 있습니다...

Next.js에서 next-env.d.ts 파일을 어떻게 사용합니까? Next.js 유형 스크립트 프로젝트에서 next-env.d.ts라는 파일을 발견했습니다.Next.js 파일 전체에서 사용할 수 있는 열거형을 선언하려고 합니다.프로젝트 전체에서 이 목록에 액세스하려면 어떻게 해야 합니까?next-env.d.ts 파일은 여기에서 설명합니다. https://nextjs.org/docs/basic-features/typescript next-env.d.ts라는 파일이 프로젝트 루트에 생성됩니다.이 파일은 TypeScript 컴파일러가 Next.js 유형을 선택하도록 합니다.삭제할 수는 없지만 편집할 수는 있습니다. 열거형을 사용하여 달성하려는 작업을 위해 열거형을 일반 ES 모듈로 내보낼 수 있으므로 코드..

JSON 객체를 유형 스크립트(Angular2)로 루프하는 방법 이 질문에는 이미 다음과 같은 답이 있습니다. 중첩된 개체, 배열 또는 JSON에 액세스하고 처리하려면 어떻게 해야 합니까? (31개 답변) 마감됨6년 전에. 저는 Angular2가 처음이고 GET 요청에서 돌아오는 JSON 객체를 루프로 처리하려고 하지만 해결할 수 없습니다. 내 JSON 객체: { Results: [{ Time: "2017-02-11T08:15:01.000+00:00", Id: "data-mopdsjkajskda", AuthorId: "58fSDNJD" }, { Time: "2017-03-11T06:23:34.000+00:00", Id: "data-2371212hjb1", AuthorId: "43555HHHJ" }, { ..

유형 스크립트 TS5042 빌드: 옵션 'project'는 명령줄에서 소스 파일과 혼합할 수 없습니다. 실행하려는 모든 유형 스크립트 프로젝트에서 다음 오류가 발생했습니다. TS5042 Build: Option 'project' cannot be mixed with source files on a command line. 무료 Typescript Angular2 템플릿을 다운로드하여 실행하면 이 오류가 즉시 나타납니다. 내 글로벌 타이프스크립트 설치와 관련이 있습니까?그tsc명령은 두 가지 방법으로 실행할 수 있습니다. 와 함께project매개 변수, 다음을 포함하는 디렉터리를 가리킵니다.tsconfig.json예:tsc --project ./app의 위치tsconfig.json컴파일에 포함할 파일 집합..

( )=>반응의 차이는 무엇입니까?FC 및 ( )=>JSX.요소 React에서는 함수 구성요소를 선언하거나 함수만 JSX 요소를 반환할 수 있습니다.저를 혼란스럽게 하는 것은 이 두 접근법의 핵심적인 차이점을 모른다는 것입니다.하나의 접근 방식만 할 수 있는 반면 다른 접근 방식은 할 수 없는 것이 있습니까? import React from "react"; type ItemProps = { id: number name: string } const Item: React.FC = ({ id, name }) => ( my id is {id} my name is {name} ) const item = ({ id, name }: ItemProps) => ( my id is {id} my name is {name}..

Angular2 경로 변경 주의사항 @RouteConfig([ {path: '/about', name: 'About', component: About, useAsDefault: true}, {path: '/test', name: 'Test', component: Test} ]) export class MyApp { router: Router; location: Location; isCollapsed: boolean = true; // ON ROUTE CHANGE { this.isCollapsed = true; // } constructor(router: Router, location: Location) { this.router = router; this.location = location; } } 모든 ..

Typescript의 as const에 해당하는 JSDoc? 저는 Typescript로 쉽게 변환하기에는 너무 큰 오래된 프로젝트에 있어서 JSDoc을 대신 사용하고 있습니다.JSDoc에서 복제하는 방법을 알 수 없는 Typescript 기능은as const정적 개체의 속성 이름과 값을 완전히 입력합니다. // In Typescript const anObject = {hello: 'world'} as const; // (type shows as {hello:'world'} instead of {hello:string} JSDoc에 이와 동등한 것이 있습니까?저는 이런 일을 하는 어떤 것도 찾을 수 없었습니다.@readonly그리고.@const하지 마세요). 그래서 대신 이러한 케이스를 올바르게 입력할 수..

추상 클래스 유형 스크립트에 종속성 주입(Angular2) 저는 추상적인 수업(건설자가 없는 수업)이 있는데 다른 수업을 주입하고 싶습니다. 추상 클래스: import { ErrorHandler } from '../../shared/services/errorHandler.service'; import { Inject } from '@angular/core'; export abstract class BaseApiComponent { @Inject(ErrorHandler) errorHandler: ErrorHandler; this.errorHandler.test(); } 주입된 클래스: import { Injectable } from '@angular/core'; @Injectable() export cla..

TypeScript의 setTimeout에 사용할 반환 유형을 선택하십시오. 다음 코드를 고려하십시오. const timer: number = setTimeout(() => '', 1000); 타이프스크립트가 다음 오류를 발생시킵니다.Type 'Timer' is not assignable to type 'number'.퀵 룩업을 통해 알 수 있듯이setTimeout돌아온다NodeJS.Timer. 하지만 브라우저 기반 개발을 하는 경우NodeJS.Timer기분이 안 좋아올바른 유형 정의와 반환 유형은 무엇입니까?setTimeout의지하지 않고 일하다any신고할 수 있습니까?가장 간단한 해결책은 유형을 전혀 지정하지 않고 유형 추론이 작동하도록 허용하는 것입니다.유형을 지정해야 하는 경우 브라우저 선언과 노..