반응형

angular 14

angular 4 unit testing error 'TypeError: cctor는 생성자가 아닙니다'

angular 4 unit testing error 'TypeError: cctor는 생성자가 아닙니다' 루트 레졸버를 테스트하려고 하는데 테스트하는 동안TypeError: ctor is not a constructor스크립트 컴파일 시간에 오류가 없는 동안 왜 이런 일이 일어나는지 전혀 모릅니다. TypeError: ctor is not a constructor TypeError: ctor is not a constructor at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42355:26) at _createProviderInstance$1 (http://localhost:9877/_karma_webpack_/vendor..

source 2023.10.31

CLI를 사용하여 Angular Project의 특정 버전을 만드는 방법?

CLI를 사용하여 Angular Project의 특정 버전을 만드는 방법? 제 npm 버전은 5.5.1이고 angular cli 버전은 6.2.1입니다.명령을 사용하여 새 프로젝트를 만들 때ng new Project_name그리고 Angular의 최신 버전을 만들고 있습니다(제 경우 Angular 버전 ^6.1.0을 만들고 있습니다). 하지만 Angular 4를 원합니다. 제 질문은 어떻게 하면 최신 버전이 아닌 특정 버전을 사용하여 새로운 Angular 2/4/5 프로젝트를 만들 수 있을까요? 패키지에서 버전 값을 변경하는 것은 아니라고 생각합니다.json은 이전 버전과 최신 6 버전(한 파일의 이름이 angular-cli.json에서 angular.json으로 변경되고 이름뿐만 아니라 내용도 변경되는..

source 2023.09.16

관찰 가능한 RXJ의 .pipe() 메서드와 .subscribe() 메서드 간의 차이

관찰 가능한 RXJ의 .pipe() 메서드와 .subscribe() 메서드 간의 차이 최근에 내부 값을 반환할 수 있음을 알게 되었습니다..pipe()그러나 내부는 아닙니다..subscribe(). 이 두 가지 방법의 차이점은 무엇입니까? 예를 들어, 이 기능을 가지고 있다면 계좌 잔액을 반환해야 하는 '예금'이라고 부르자, 이렇게 하면 다음과 같습니다. deposit(account, amount){ return this.http.get('url') .subscribe(res => { return res; } } 그러면 관찰 가능한 항목이 반환되고 이 작업을 수행하면 다음과 같이 됩니다. deposit(account, amount){ return this.http.get('url') .pipe( map(..

source 2023.09.01

매트 자동 완성 - 선택한 옵션에 액세스하는 방법은 무엇을 참조하십시오.

매트 자동 완성 - 선택한 옵션에 액세스하는 방법은 무엇을 참조하십시오. 나는 그것을 알고 있습니다.[value]선택한 개체(내 경우 제안)를 저장합니다.재료 문서에 따르면,optionSelected이벤트를 발생시킵니다.나는 노력했다.[optionSelected] = "fooFn"하지만 존재하지 않습니다.Offer 개체에 액세스하고 싶습니다.감사합니다! offer-search.component.vmdk: option - autoComplete {{ option.foodItem.name }} 다음과 같이 사용할 수 있습니다. 작업 데모두 가지 방법으로 수행할 수 있습니다. 사용.onSelectionChange발산하는MatOptionSelectionChange부터mat-option {{ option }} 사..

source 2023.08.22

@types/googlemaps/index.d.ts'는 모듈이 아닙니다.

@types/googlemaps/index.d.ts'는 모듈이 아닙니다. Google 지도 API를 Angular 프로젝트와 함께 사용하고 싶어서 다음 두 가지 명령을 사용하여 npm 패키지를 설치했습니다. npm install @agm/core --save-dev npm install @types/googlemaps --save-dev 구성 요소에 다음 행을 추가했습니다. import {} from "@types/googlemaps"; 하지만 VS Code에 다음 두 가지 오류가 있습니다. [ts] File 'h:/Angular Projects/Breakfast/client/breakfast/node_modules/@types/googlemaps/index.d.ts' is not a module. [t..

source 2023.08.12

'void' 유형은 'Observable' 유형에 할당할 수 없습니다.입력 <{}>

'void' 유형은 'Observable' 유형에 할당할 수 없습니다.입력 TS 2.2.2로 마이그레이션한 후 이 오류가 발생하기 시작했기 때문에 문제가 있는 것 같습니다.코드가 작동을 멈추지 않았지만, 이제 저는 그 오류를 받았고 빈 관측치를 반환하거나, 다시 던져진 예외를 포착하거나, 물체를 반환하는 등 몇 가지 시도를 했지만, 아무 것도 작동하지 않는 것 같았습니다.왜 지금 이런 일이 일어나는 거지?내가 예외를 재투입하는 것을 이해하고 반환을 기대하지 않아야 하는 것 아닌가요?제가 오류를 잘못 읽고 있나요? 다음은 전체 오류 설명입니다. 완전한 코드는 다음과 같습니다. return request .map((res: Response) => res.json()) .catch((error: any) =>..

source 2023.08.02

ComponentFactoryResolver로 생성된 구성 요소와 함께 @Input을 사용하는 방법은 무엇입니까?

ComponentFactoryResolver로 생성된 구성 요소와 함께 @Input을 사용하는 방법은 무엇입니까? Angular 2 구성 요소에서 동적으로 생성되는 @Input 속성을 정의하는 데 사용할 수 있는 방법이 있습니까? ComponentFactoryResolver를 사용하여 컨테이너 구성 요소에 구성 요소를 생성하고 있습니다.예: let componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentName); let componentRef = entryPoint.createComponent(componentFactory); 여기서 "entryPoint"는 구성 요소 HTML에서 다음과 같습니다. 컨테이너 구성..

source 2023.07.28

감지되지 않은 오류:'AppModule' 모듈에서 예기치 않은 모듈 'FormsModule'을(를) 선언했습니다.@Pipe/@Directive/@Component 주석을 추가하십시오.

감지되지 않은 오류:'AppModule' 모듈에서 예기치 않은 모듈 'FormsModule'을(를) 선언했습니다.@Pipe/@Directive/@Component 주석을 추가하십시오. 앵귤러에 새로 왔어요.저는 그것을 배우기 위해 Tour of Heroes를 시작했습니다.그래서, 나는 창조되었습니다.app.component와 함께two-way구속력이 있는 import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` {{title}} {{hero.name}} details! id: {{hero.id}} Name: `, st..

source 2023.07.28

테이크(1) 대 퍼스트 클래스

테이크(1) 대 퍼스트 클래스 의 몇 가지 구현을 찾았습니다.AuthGuard그것을 사용자take(1)내 프로젝트에서, 나는 사용했습니다.first(). 둘 다 같은 방식으로 작동합니까? import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; import { Observable } from 'rxjs/Observable'; import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFire } from 'angularf..

source 2023.06.03

Angular 구성 요소와 모듈의 차이점은 무엇입니까?

Angular 구성 요소와 모듈의 차이점은 무엇입니까? 동영상을 보고 기사를 읽고 있는데 이 특정 기사는 기사 시작 부분에서 너무 혼란스럽습니다. Angular의 응용 프로그램은 모듈식 구조를 따릅니다.Angular 앱에는 많은 모듈이 포함되어 있으며, 각 모듈은 단일 목적을 위해 전용됩니다.일반적으로 모듈은 Angular 앱을 실행하기 위해 다른 모듈과 통합된 코드 그룹입니다. 모듈은 코드에서 일부 클래스, 기능 및 값을 내보냅니다.구성요소는 Angular의 기본 블록이며 여러 구성요소가 응용프로그램을 구성합니다. 모듈은 다른 모듈의 라이브러리가 될 수 있습니다.예를 들어, 기본 Angular 라이브러리 모듈인 Angular2/core 라이브러리는 다른 구성 요소에서 가져옵니다. 교환 가능한 조건입니까..

source 2023.05.24
반응형