반응형

Angular 9

각도 2: 상위 구성 요소에서 RouteParams 가져오기

각도 2: 상위 구성 요소에서 RouteParams 가져오기 상위 구성 요소에서 RouteParams를 가져오려면 어떻게 해야 합니까? App.ts: @Component({ ... }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'Home'}, {path: '/:username/...', component: ParentComponent, as: 'Parent'} ]) export class HomeComponent { ... } 에서.ParentComponent나는 내 사용자 이름 매개변수를 쉽게 얻을 수 있고 자식 경로를 설정할 수 있습니다. Parent.ts: @Component({ ... }) @RouteConfig([ { path: '/c..

programing 2023.09.03

각도 물질의 대화 상자에 데이터를 전달하는 방법 2

각도 물질의 대화 상자에 데이터를 전달하는 방법 2 저는 각진 소재 2의 대화 상자를 사용하고 있습니다. 저는 열려 있는 부품에 데이터를 전달하고 싶습니다.단추를 클릭하여 대화 상자를 여는 방법은 다음과 같습니다. let dialogRef = this.dialog.open(DialogComponent, { disableClose: true, data :{'name':'Sunil'} }); 설명서 페이지에 데이터 속성이 있지만 설치된 패키지에서 MdDialogConfig를 선택했습니다. /** * Configuration for opening a modal dialog with the MdDialog service. */ export declare class MdDialogConfig { viewConta..

programing 2023.08.19

각도가 있는 로케일 "XXX"에 대한 로케일 데이터가 누락됨

각도가 있는 로케일 "XXX"에 대한 로케일 데이터가 누락됨 현재 "en-US"에서 "LOCale_ID"를 다음과 같이 정의합니다. @NgModule({ providers: [{ provide: LOCALE_ID, useValue: "en-US" }, ...], imports: [...], bootstrap: [...] }) 그리고 그것은 꽤 잘 작동합니다.그러나 날짜가 프랑스어로 어떻게 보이는지 테스트하기 위해 "en-US"를 "fr-FR"로 바꾸었고 다음 오류가 발생했습니다. 로케일 "fr-FR"에 대한 로케일 데이터가 없습니다. 저는 몇 가지 조사를 해봤지만 그것과 관련된 것은 아무것도 발견하지 못했습니다.프랑스어 로케일이 기본 패키지에 포함되어 있습니까?다른 패키지입니까?제가 직접 만들어야 하나요..

programing 2023.08.09

Angular 2 단위 검정: 사용자 지정 파이프 오류 파이프를 찾을 수 없습니다.

Angular 2 단위 검정: 사용자 지정 파이프 오류 파이프를 찾을 수 없습니다. 저는 'myPipe'라는 맞춤형 파이프를 가지고 있습니다.다음과 같은 정보: 'myPipe' 파이프를 찾을 수 없습니다. 오류 내 유닛 테스트에서.내 .spec.ts에서 무엇을 가져오고 선언해야 하는지 조언해 주세요. 여기 제 .spec.ts가 있습니다. import { async, ComponentFixture, TestBed } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; import { DebugElement } from '@angular/core'; import { MyComponent } from './main-page..

programing 2023.07.25

각도 2: 구성 요소의 호스트 요소를 스타일화하는 방법은 무엇입니까?

각도 2: 구성 요소의 호스트 요소를 스타일화하는 방법은 무엇입니까? Angular 2에 my-comp라는 구성 요소가 있습니다. Angular 2에서 이 구성 요소의 호스트 요소를 어떻게 스타일합니까? 폴리머에서는 ":host" 선택기를 사용합니다.Angular 2에서 해봤습니다.하지만 효과가 없습니다. :host { display: block; width: 100%; height: 100%; } 또한 구성 요소를 선택 도구로 사용해 보았습니다. my-comp { display: block; width: 100%; height: 100%; } 두 가지 방법 모두 효과가 없는 것 같습니다. 감사해요.버그가 있었지만, 그 사이에 수정되었습니다. :host { }지금은 잘 작동합니다. 또한 지원됩니다. :h..

programing 2023.05.26

Angular 2에서 EventEmitter.next()와 EventEmitter.emit()의 차이

Angular 2에서 EventEmitter.next()와 EventEmitter.emit()의 차이 사이의 차이점은 무엇입니까?EventEmitter.emit()그리고.EventEmitter.next()둘 다 구독자에게 이벤트를 발송합니다. export class MyService { @Output() someEvent$: EventEmitter = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } 이벤트 이미터에 대한 문서화는 현재로서는 그다지 도움이 되지 않습니다.그들도 마찬가지입니다. emit()현재 버전입니다.next()사용되지 않습니다. https..

programing 2023.05.21

tslint / codelyzer / ng lint 오류: "for (... in...) 문은 if 문으로 필터링해야 합니다."

tslint / codelyzer / ng lint 오류: "for (... in...) 문은 if 문으로 필터링해야 합니다." 린트 오류 메시지: src/app/application/edit/edit.component.ts[111, 5]: for (... in...) 문은 if 문으로 필터링해야 합니다. 코드 조각(작업 중인 코드입니다.angular.io 양식 검증 섹션에서도 확인할 수 있습니다. for (const field in this.formErrors) { // clear previous error message (if any) this.formErrors[field] = ''; const control = form.get(field); if (control && control.dirty &&..

programing 2023.05.16

NgModule에서 선언, 제공자 및 가져오기의 차이점은 무엇입니까?

NgModule에서 선언, 제공자 및 가져오기의 차이점은 무엇입니까? Angular를하다가 Angular2 알게 .@Module: 수입품 선언문 공급자 Angular 빠른 시작 따라하기각도 개념 imports에서 내보낸 할 수 있도록 . declarations현재 모듈의 지침(구성 요소 및 파이프 포함)을 현재 모듈의 다른 지침에서 사용할 수 있도록 합니다.지시사항, 구성요소 또는 파이프의 선택기는 선언되거나 가져온 경우에만 HTML과 일치합니다. providersDI(의존성 주입)에 서비스와 값을 알리는 것입니다.루트 범위에 추가되고 종속성으로 지정된 다른 서비스 또는 지시어에 주입됩니다. 을 위한 특별한 경우.providers자체 자식 인젝터를 얻는 게으른 로드 모듈입니다. providersLazy ..

programing 2023.05.11

NullInjectorError: MatDialogRef에 대한 공급자가 없습니다.

NullInjectorError: MatDialogRef에 대한 공급자가 없습니다. 설명서에 설명된 대로 MatDialogRef를 주입할 수 없습니다. https://material.angular.io/components/dialog/overview 이 작업을 수행하려고 할 때 오류가 발생합니다. 오류 오류: 정적 인젝터 오류[MatDialogRef]:정적 인젝터 오류 [MatDialogRef]:NullInjectorError: MatDialogRef!에 대한 공급자가 없습니다. app.s.ts. import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsMo..

programing 2023.04.26
반응형