반응형

angular 10

오류: "정의되지 않은 공급자가 있습니다!일반적으로 이것은 당신이 순환적인 의존 관계를 가지고 있다는 것을 의미합니다."

오류: "정의되지 않은 공급자가 있습니다!일반적으로 이것은 당신이 순환적인 의존 관계를 가지고 있다는 것을 의미합니다." 여기 제 Angular / TypeScript 응용 프로그램에서 발생하는 다소 쓸모없는 오류가 있습니다.누군가가 오류 메시지를 개선하기 전까지, 우리는 이것을 어떻게 해야 할까요?이런 일이 일어날 가능성이 가장 높은 상황은 무엇입니까? Uncaught Error: Encountered undefined provider! Usually this means you have a circular dependencies (might be caused by using 'barrel' index.ts files. at Object.syntaxError at eval at Array.forEach ..

sourcetip 2023.09.15

Angular4에서 활성화된 경로와 활성화된 경로 스냅샷의 차이점은 무엇입니까?

Angular4에서 활성화된 경로와 활성화된 경로 스냅샷의 차이점은 무엇입니까? 사이의 차이점은 무엇입니까?ActivatedRouteSnapshot그리고.ActivatedRoute각4에서?제가 알기로는ActivatedRouteSnapshot의 자식입니다.ActivatedRoute, 라는 뜻으로ActivatedRoute포함하다ActivatedRouteSnapshot. 공교롭게도 이 질문에 대한 답을 찾기 위해 구글 검색을 실행해 보았지만, 검색 결과 중 어떤 것도 이해할 수 있는 것을 찾지 못했습니다. 감사해요!부터ActivatedRoute 재사용이 가능하고,ActivatedRouteSnapshot는 특정 버전을 나타내는 불변 객체입니다.ActivatedRoute. 그것은 다음과 같은 모든 속성을 노출합니..

sourcetip 2023.09.10

사용자 지정 요소에 ngModel을 구현하는 방법은 무엇입니까?

사용자 지정 요소에 ngModel을 구현하는 방법은 무엇입니까? 단순한 경우input내가 할 수 있는 요소: {{ name }} 사용자 지정 요소에는 적합하지 않습니다. 어떻게 구현할 수 있습니까?[(ngModel)]="item"의 줄임말입니다.[ngModel]="item" (ngModelChange)="item = $event" 즉, 예를 들어 2방향 바인딩 속성을 구성 요소에 추가하려는 경우 구성 요소에서 필요한 것은 추가하기만 하면 됩니다. @Input() myProp: string; // Output prop name must be Input prop name + 'Change' // Use in your component to write an updated value back out to the..

sourcetip 2023.09.05

Angular를 사용하여 401s를 전 세계적으로 처리

Angular를 사용하여 401s를 전 세계적으로 처리 Angular 2 프로젝트에서 저는 관찰 가능한 것을 반환하는 서비스에서 API 호출을 합니다.그런 다음 호출 코드가 이 관찰 가능한 항목에 가입합니다.예: getCampaigns(): Observable { return this.http.get('/campaigns').map(res => res.json()); } 서버가 401을 반환한다고 가정해 보겠습니다.글로벌하게 이 오류를 감지하고 로그인 페이지/구성 요소로 리디렉션하려면 어떻게 해야 합니까? 감사해요. 지금까지 확인한 내용은 다음과 같습니다. 부트.츠 import {Http, XHRBackend, RequestOptions} from 'angular2/http'; import {Custom..

sourcetip 2023.09.05

Angular/Karma 장치 테스트 오류 "1개의 타이머가 대기열에 있습니다."

Angular/Karma 장치 테스트 오류 "1개의 타이머가 대기열에 있습니다." 이것은 내가 처음으로 만난 것입니다."1 timer(s) still in the queue"하지만 보통 저는 사용할 방법을 찾습니다.tick()또는detectChanges()등, 그것에서 벗어나기 위해. 아래 테스트는 예외를 허용해야 하는 조건을 테스트하기 전까지는 정상적으로 작동했습니다. it('should be able to change case', fakeAsync(() => { expect(component).toBeTruthy(); fixture.whenStable().then(fakeAsync(() => { component.case = 'lower'; fixture.autoDetectChanges(); tick..

sourcetip 2023.08.26

Angular Http Client의 baseUrl은 어떻게 설정합니까?

Angular Http Client의 baseUrl은 어떻게 설정합니까? 설명서에서 HTTP 요청에 대한 기본 API URL을 설정하는 방법을 찾지 못했습니다.Angular Http Client에서 이 작업을 수행할 수 있습니까?새 HttpClient Interceptor를 사용합니다. 다음을 구현하는 적절한 주입 가능 파일을 만듭니다.HttpInterceptor: import {Injectable} from '@angular/core'; import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from '@angular/common/http'; import {Observable} from 'rxjs/Observable'; @Injectable() e..

sourcetip 2023.08.26

각도 - 서비스 및 구성 요소에서 파이프 사용

각도 - 서비스 및 구성 요소에서 파이프 사용 AngularJS에서는 다음과 유사한 구문을 사용하여 서비스 및 컨트롤러 내부의 필터(파이프)를 사용할 수 있습니다. $filter('date')(myDate, 'yyyy-MM-dd'); Angular에서 이와 같은 서비스/구성요소에서 파이프를 사용할 수 있습니까?Angular(각도)에서와 마찬가지로 종속성 주입에 의존할 수 있습니다. import { DatePipe } from '@angular/common'; class MyService { constructor(private datePipe: DatePipe) {} transformDate(date) { return this.datePipe.transform(date, 'yyyy-MM-dd'); } } ..

sourcetip 2023.05.28

Angular에서 이벤트 이미터에 2개의 매개 변수를 전달하는 방법은 무엇입니까?

Angular에서 이벤트 이미터에 2개의 매개 변수를 전달하는 방법은 무엇입니까? 나는 내 구성요소에EventEmitter오류가 발생하여 컴파일할 수 없습니다. 제공된 매개 변수가 호출 대상의 서명과 일치하지 않습니다. 내 구성 요소: @Output() addModel = new EventEmitter(); saveModel($event, make, name) { this.addModel.emit(make, name); } 의 매개 변수 중 하나를 삭제한 경우this.addModel.emit()작동하지만 2개의 매개 변수를 전달하는 것이 가능합니다.EventEmitter그리고 어떻게?EventEmitter에서 method @ angular.io 을 방출하는 경우 유형의 단일 매개 변수만 사용할 수 있습니..

sourcetip 2023.05.28

각도로 표시된 두 개의 스위치 케이스 값

각도로 표시된 두 개의 스위치 케이스 값 php와 java로 우리는 할 수 있습니다. case 1: case 2: echo "something"; 그래서 값이 1이나 2일 때 화면에 "뭔가"가 인쇄될 것이고, 저는 각도가 있는 애플리케이션을 구축하고 있습니다. 저는 아래와 같은 것을 하고 있습니다. FORM 1 FORM 1 FORM 2 단일 선택에 사용되는 형태는 객관식에 사용될 수 있지만, 저는 그것을 좀 더 조직적으로 만들기 위해 아래와 같은 것을 시도했습니다. FORM 1 제 불행하게도 그것이 효과가 없었습니다, 누가 이것을 하는 더 나은 방법을 제안할 수 있을까요?(언)다행히도 당신은 할 수 없습니다; 그ngSwitch소스 코드를 보면 꽤 "이상하다": 그것은 단지.===대소문자 값과 스위치 값 ..

sourcetip 2023.05.13

Angular2 : 래핑 태그 없이 구성요소 렌더링

Angular2 : 래핑 태그 없이 구성요소 렌더링 저는 이것을 할 방법을 찾기 위해 고군분투하고 있습니다.상위 구성 요소에서 템플릿은 다음을 설명합니다.table그리고 그것들thead요소, 그러나 대리인이 렌더링합니다.tbody다음과 같은 다른 구성 요소: Name Time 각 myResult 구성 요소는 자체적으로 렌더링됩니다.tr태그, 기본적으로 다음과 같습니다. {{ entry.name }} {{ entry.time }} myResult 구성 요소가 필요하지 않도록 상위 구성 요소에 직접 넣지 않는 이유는 myResult 구성 요소가 실제로 여기에 표시된 것보다 더 복잡하기 때문에 별도의 구성 요소와 파일에 동작을 넣으려고 합니다. 결과적으로 DOM이 불량해 보입니다.나는 이것이 무효이기 때문이라..

sourcetip 2023.04.28
반응형