factcode

Angular 4+ 앱에서 구성 요소별 모듈을 만들어야 합니까? 저희는 Angular 4 애플리케이션(+-150 구성품)을 중간 크기로 가지고 있습니다. 이러한 구성 요소 중 대부분은 서비스 클래스를 주입해야 하며 앱의 다른 구성 요소에 대한 선언이 필요합니다. 우리가 실험해 왔고, 훨씬 더 개발자 친화적이라는 것을 알게 된 접근 방식은 구성 요소별로 모듈을 만드는 것입니다.모듈은 자식 구성 요소 모듈을 가져오고 구성 요소에 필요한 모든 서비스를 제공(또는 가져오기)합니다.또한 다른 구성 요소가 모듈을 통해 참조할 수 있도록 구성 요소 자체를 내보냅니다. 구성 요소의 구성이 간단해지고 구성 요소의 테스트 고정 장치를 매우 간단하게 설정할 수 있습니다(이전에는 종속성과 하위 구성 요소 트리 종속성의 반복이..

ChildrenOutletContext에 대한 공급자 없음(injectionError) Angular CLI를 사용하여 응용 프로그램에 대한 라우팅 모듈을 생성할 때 다음 오류가 발생합니다. ERROR Error: No provider for ChildrenOutletContexts! at injectionError (core.es5.js:1169) at noProviderError (core.es5.js:1207) at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_._throwOrNull (core.es5.js:2649) at ReflectiveInjector_.webpackJsonp.../...

Angular 4.3.3 HttpClient : 응답의 헤더에서 값을 얻는 방법은? (편집자: VS 코드, 타이프스크립트: 2.2.1 ) 목적은 요청 응답의 헤더를 가져오는 것입니다. 서비스의 HttpClient를 사용한 POST 요청 가정 import { Injectable } from "@angular/core"; import { HttpClient, HttpHeaders, } from "@angular/common/http"; @Injectable() export class MyHttpClientService { const url = 'url'; const body = { body: 'the body' }; const headers = 'headers made with HttpHeaders'; co..

Angular 2에서 HTTP 요청을 취소하는 방법은? Angular 2에서 HTTP 요청을 취소하는 방법은? 저는 요청 약속만 거절할 줄 압니다. return new Promise((resolve, reject) => { this.currentLoading.set(url, {resolve, reject}); this.http.get(url, {headers: reqHeaders}) .subscribe( (res) => { res = res.json(); this.currentLoading.delete(url); this.cache.set(url, res); resolve(res); } ); }); 다음과 같은 간단한 솔루션을 사용할 수 있습니다. if ( this.subscription ) { this..

Http StaticInjectorError에 대한 공급자가 없습니다. 저는 제 api에서 데이터를 가져와서 제 이온 앱에 채우려고 하는데, 데이터가 채워져야 하는 페이지에 들어가면 충돌합니다.다음은 두 개의 .ts 파일입니다. import { Component } from '@angular/core'; import { NavController, LoadingController } from 'ionic-angular'; import { RestService } from '../../providers/rest-service/rest-service'; @Component({ selector: 'page-all-patients', templateUrl: 'all-patients.html', providers:..

Angular2 - '라우터 출구'가 알려진 요소가 아닙니다. 이 질문에는 이미 다음과 같은 답이 있습니다. 'http-http'은(는) 알려진 요소가 아닙니다. (25개 답변) 마감됨작년에 저는 아이들의 경로가 깊은 경로를 만들었습니다.추가했습니다.AdminComponent 구성 요소로 이동할 수 있습니다.그러나 페이지를 새로 고친 후 다음 오류가 발생했습니다. 'router-outlet' is not a known element 일부 모듈을 admin.module.ts로 가져오는 것을 잊어버려서 발생한 것 같습니다. 제발 도와주세요.감사해요. app.s.ts. export const routes: Routes = [ { path: '', component: AppComponent, children: ..

ng build와 ng serve의 차이점은 무엇입니까? ng build와 ng serve의 차이점은 무엇입니까?ng build 및 ng serve 후 정확히 어떤 일이 일어났거나 변경되었습니까?그ng build명령은 의도적으로 앱을 빌드하고 빌드 아티팩트를 배포하기 위한 것입니다. 그ng serve명령은 의도적으로 빠른 로컬 및 반복 개발을 위한 것이며 로컬 CLI 개발 서버에서 애플리케이션을 빌드, 감시 및 서비스하기 위한 것입니다. 또한 다음을 사용하여 각도 앱을 실행하는 경우ng serve앱을 변경하면 변경 내용이 캡처되어 UI에 즉시 반영됩니다.이렇게 하면 서버를 계속 시작하거나 중지할 수 없습니다. 두 명령 모두ng build그리고.ng serve프로젝트를 빌드하기 전에 출력 폴더를 지웁니다...

각도 2 테스트:ComponentFix에서 DebugElement와 NativeElement 개체의 차이점은 무엇입니까? 저는 현재 구성요소 수준에서 Angular 2 앱을 테스트하기 위한 몇 가지 모범 사례를 작성하고 있습니다. 몇 가지 튜토리얼에서 선택기 등에 대한 고정 장치의 NativeElement 개체를 쿼리하는 것을 보았습니다. it('should render "Hello World!" after click', async(() => { builder.createAsync(HelloWorld).then((fixture: ComponentFixture) => { fixture.detectChanges(); let el = fixture.nativeElement; el.querySelector('h..

Angular2 라우터(@angular/router), 기본 경로를 설정하는 방법은 무엇입니까? @Routes 루트 메타데이터 컬렉션에서 기본 경로를 설정하려면 어떻게 해야 합니까?@angular/router-deprecommitted의 angular2 라우터를 사용하는 경우 경로 개체의 모음인 @routeConfig 개체에 경로를 정의하지만 이러한 경로 개체에는 더 많은 속성이 있습니다.예를 들어 'name' 및 'useAsDefault' 특성이 있는 반면 @angular/router에서 정의된 경로는 그렇지 않습니다.새 라우터를 사용하여 새 앱을 작성하고 싶은데, 새 라우터를 사용하고 기본 경로를 설정하려면 어떻게 해야 합니까? 이것은 나의 경로를 정의하는 나의 주요 앱 구성요소입니다. import ..

Enter 키를 누르면 클릭 이벤트가 트리거됩니까? 아래 코드에서removeSelectedCountry()다음과 같은 경우에 호출되어야 합니다.span요소가 클릭되고handleKeyDown($event)다음이 있을 때 호출해야 합니다.keydown에 대한 이벤트div. @Component({ selector: "wng-country-picker", template: ` {{ country.name }} `, providers: [CUSTOM_VALUE_ACCESSOR] }) 그렇지만removeSelectedCountry()는 키를 누를 때마다 호출됩니다. 코드가 작동하도록 하기 위해, 저는 그것을 바꿔야 했습니다.click에게의 사건.mousedown이벤트. 이제 정상적으로 작동합니다. 키가 왜 작동하는..