c10106

Babel과 TypeScript의 주요 차이점 나는 TypeScript가 Angul2를 쓰는 데 사용되었다는 것을 알고 있는데, 그것은 아마도 Angul2에 들어가고 싶어하는 사람에게 더 나은 선택일 것이다. 그러나 내가 Babel을 보면 그것은 TypeScript와 매우 닮았다. 나는 많은 유명한 회사들이 바벨을 고수하고 있다는 것을 알아차렸다. 몇 가지 질문: 그들은 서로에 비해 어떤 이점을 가지고 있는가? 프로젝트/개발자에게 더 나은 선택과 나쁜 선택 중 어떤 것이 더 나은가? 그들 사이의 주요 차이점은 무엇이며 무엇이 그들을 독특하게 만드는가? TypeScript는 일반 자바스크립트(ES3+)로 압축한 자바스크립트의 상위 집합이다.TypeScript의 주요 목표는 개발자들이 뛰어난 정적 타이핑 기..

중첩된 속성에 형식 지정과 함께 부분 사용 내가 이런 타입이 있다고 해. interface State { one: string, two: { three: { four: string }, five: string } } 나는 이런 상태를 부분적 상태로 만든다.Partial 그러나 예를 들어, 예를 들어, 중첩된 속성을 부분적인 것으로 어떻게 만들 수 있는가?two또한 부분적인 내가 어떻게 이럴까?당신은 당신 자신의 것을 쉽게 정의할 수 있다.RecursivePartial모든 속성을 만드는 유형, 포함된 중첩 속성, 선택 사항: type RecursivePartial = { [P in keyof T]?: RecursivePartial; }; 일부 속성만 부분화하려면 이 속성을 교차점과 함께 사용하십시오.Pic..

각도(4, 5, 6, 7) - ngIf에서 슬라이드 아웃 애니메이션의 간단한 예 용기 요소를 미끄러져 빼내는 최소 및 각도4의 기본 방법은 무엇인가? 예) 쇼가 true로 바뀔 때 컨텐츠 슬라이딩(jQuery.slideDown()과 마찬가지로 위에서 아래로 슬라이드 삽입). 쇼가 거짓으로 바뀔 때 컨텐츠를 슬라이드 아웃(편리하게 사용 가능)하십시오.먼저 코드 몇 개, 그 다음엔 설명.이것을 설명하는 공식 문서들이 여기에 있다. import { trigger, transition, animate, style } from '@angular/animations' @Component({ ... animations: [ trigger('slideInOut', [ transition(':enter', [ style..

단위시험을 위한 각도부재에서의 모의서비스 기능 각 앱에 대한 단위 테스트를 작성 중인데, 서비스 기능이 값을 반환하는지 테스트하고 있어. component.spec.ts import {TopToolBarService} from '../../top-toolbar/top-toolbar.service'; beforeEach(async(() => { TestBed.configureTestingModule ({ declarations: [ UsersListComponent], providers: [TopToolBarService],//tried mocking service here,still test failed schemas:[CUSTOM_ELEMENTS_SCHEMA] }) .compileComponents()..

Typecriptcript를 사용하여 API 호출을 수행하는 React Hook "useEffect"를 테스트하려면 어떻게 해야 하는가? 나는 Typecript와 새로운 React 후크를 사용하는 간단한 React 앱에 대한 jest-enzyme 테스트를 작성 중이다. 하지만, 실내에서 이루어지는 api 통화의 시뮬레이션을 제대로 할 수 없는 것 같다.useEffect낚싯바늘을 달다 useEffectapi call을 만들고useState"setData"와 함께 "data"로 표시한다. 그런 다음 개체 "데이터"가 해당 테이블 셀에 테이블로 매핑된다. 이것은 모의 api 반응과 효소 탑재로 태클하기 쉬워야 할 것 같은데 자꾸 사용하라고 하는 오류가 생긴다.act()구성 요소 업데이트의 경우 나는 사용하려고..

각 2/유형 설명서의 가짜 경로에 저장된 사진을 미리 보는 방법 브라우저는 로컬 디스크의 전체 경로를 택하지 않고 파일 이름을 가짜 경로와 연결한다.형식이나 각도 2를 사용하여 가짜 경로에서 파일(이미지)에 접근할 수 있는 방법은 없는가? 난 이걸 가지고 있다: 여기서 내 경로 변수는 내 .ts 파일에 'fakepath':"C:\fakepath\pic.jpg"를 저장한다. 편집 이 질문은 Javascript를 사용하여 가짜 경로에서 이미지 파일을 미리 보는 방법에 대해 설명한다.Js와 함께 가능하다면 ts의 경우 같지 않은가?이것은 당신이 원하는 것을 할 수 있다: readUrl(event:any) { if (event.target.files && event.target.files[0]) { var re..

TypeScript에서 전역 네임스페이스 변수 선언 형식에서 전역 네임스페이스의 변수를 명시적으로 선언하는 방법 컴파일러가 다음 자바스크립트 코드를 생성해야 해 MyExtension = someFunction() 불행하게도, 나는 오직 그것이 생성되도록 할 수 있다. var MyExtension = someFunction() 이것은 최신 버전의 운석 패키지에 관한 문제로 대두된다.Maeter는 패키지의 네임스페이스를 스코프하는 방법을 도입했다. 문제는 변수가 글로벌 네임스페이스(운석이 자신의 패키지 객체로 경로 변경)에서 정의되어야 한다는 것이다. 그것에 관한 동영상이 https://www.eventedmind.com/posts/meteor-linker-package-namespacing에 있다. 어떤 ..

각도 http.post, .dv 콜백 없음 콜백에 가입하지 않고 http 포스트 요청만 할 수 있을까, 이런 거. this._http.post('/list/items/update?itemId=' + itemId + "&done=" + done, null); 이것 대신에 this._http.post('/list/items/update?itemId=' + itemId + "&done=" + done, null) .subscribe(); 난 네가 할 수 있다고 생각하지 않아. http.post (그리고 get, put, delete 등)은 관측 가능한 콜드(Cold Observable)를 반환하며, 이는 다음을 위한 관측 가능한 것이다. 구독 기간 동안 기본 프로듀서가 생성 및 활성화됨 출처. 즉, 로 대표되..

ngrx/효과 라이브러리의 목적은? 나는 이 도서관에 대한 유용한 정보나 그 목적이 무엇인지 찾지 못했다.ngrx/effects가 이 라이브러리를 이미 알고 있는 개발자들에게 설명하고 코딩 방법에 대한 큰 예를 제공하는 것 같다. 내 질문: 행동의 근원은 무엇인가? ngrx/효과 라이브러리의 목적은 무엇인가; ngrx/store만 사용하는 것의 단점은 무엇인가? 사용 권장 시점은? 각진 rc 5+를 지지하나?RC 5+에서는 어떻게 구성하나? 고마워!주제가 너무 광범위하다.그것은 튜토리얼과 같을 것이다.어쨌든 한번 해 볼게.정상적인 경우, 당신은 액션, 환원기, 상점을 갖게 될 것이다.조치는 가게가 파견하고, 감량기는 가게가 구독한다.그러면 환원제가 작용하여 새로운 상태를 형성한다.예를 들어 모든 주가 프..

입력 값을 대화 상자 구성 요소로 전달 이 질문은 이미 다음과 같은 해답을 가지고 있다. 각도 2.0 재료 MdDialog의 작업 예제 (1개 답변) 닫힌5년 전. 나는 material2의 대화 구성요소를 구현하고 있으며 이 문제에 직면했다. 모든 확인 유형의 메시지에 대한 일반 대화 상자를 만들고 싶다. 여기서 개발자는 비즈니스 요구 사항에 따라 대화 상자에 텍스트를 입력할 수 있다.그러나 문서에 따르면 그러한 조항은 없다.같은 일을 하는 건가, 아니면 기둡에 특집 요청으로 게시해야 하나? export class ConfirmationDialogComponent implements OnInit { @Input() confirmationText: string; @Input() confirmationTit..