반응형

Angular 7

angular2 특정 요소에서 수동으로 발사 클릭 이벤트

angular2 특정 요소에서 수동으로 발사 클릭 이벤트 클릭 이벤트(또는 다른 이벤트)를 프로그래밍 방식으로 요소에서 실행하려고 합니다. 즉 angular2의 jQuery .trigger() 메서드에서 제공하는 유사한 기능을 알고 싶습니다. 이것을 할 수 있는 내장된 방법이 있습니까? ...없다면 어떻게 해야 하는지 제안해 주십시오. 다음 코드 조각을 고려합니다. Add Picture 여기서 사용자가 btnAdd를 클릭하면 imgFile에서 클릭 이벤트가 발생합니다.각4 대신에 this.renderer.invokeElementMethod( this.fileInput.nativeElement, 'dispatchEvent', [event]); 사용하다 this.fileInput.nativeElement.d..

programing 2023.10.30

각진 소재:매트데이트 픽커:DateAdapter에 대한 공급자를 찾을 수 없습니다.

각진 소재:매트데이트 픽커:DateAdapter에 대한 공급자를 찾을 수 없습니다. Angular Material에서 Datepicker 구성요소를 사용하려고 합니다.여기 제 HTML 코드가 있습니다. 하지만 제게는 작동하지 않고 다음과 같은 오류가 발생합니다. 오류: MatDatepicker:DateAdapter에 대한 공급자를 찾을 수 없습니다. MatDatepickerModule과 MatNativeDatePickerModule을 Import해야 한다는 에러 메시지가 뜨는데 그것을 했습니다.다음은 app.module.ts에서 가져온 내 가져오기 코드입니다. import { MatFormFieldModule, MatMenuModule, MatCheckboxModule, MatIconModule, Mat..

programing 2023.10.15

서비스 중인 Document를 주입하는 방법은 무엇입니까?

서비스 중인 Document를 주입하는 방법은 무엇입니까? 저는 Angular 2 어플이 있습니다.조롱해서.Document테스트 중인 객체, 다음과 같이 서비스에 주입하고 싶습니다. import { Document } from '??' @Injectable() export class MyService { constructor(document: Document) {} } 그TitleAngular의 service는 내부 방식을 사용합니다. 간단한 주사 방법이 없을까요?Document서비스를 위해?또한, 제가 그것을 어떻게 참조해야 할까요?providers배열?이는 Angular에서 한동안 지원해 왔습니다. 에서 제공하는 상수를 사용할 수 있습니다.@angular/common꾸러미의 에 대한 설명DOCUMEN..

programing 2023.10.10

ngFor in Angular를 사용하여 개체 속성을 루프오버하는 방법

ngFor in Angular를 사용하여 개체 속성을 루프오버하는 방법 이 게시물은 제가 직장에서 발견한 흥미로운 문제에 관한 것입니다. 아직 모르시면.Angular 2+에 대해 말하는 것입니다. 그 문제는 따라서 목록에 대한 마크업을 표시하려고 하면 이 목록의 값은 백엔드에서 온 것이며 어떤 이유에서인지 오래된 개체 배열 대신 이러한 개체가 표시됩니다. { "car" : { "color" : "red", "model" : "2013" }, "motorcycle": { "color" : "red", "model" : "2016" }, "bicycle": { "color" : "red", "model" : "2011" } } 그런 다음 *ngFor를 사용하려고 하지만 다음과 같은 와일드 에러 메시지가 표시..

programing 2023.08.16

여러 개를 사용할 수 있음처음 실패할 때 가드가 모두 실행됨

여러 개를 사용할 수 있음처음 실패할 때 가드가 모두 실행됨 두 개가 있는 노선이 있습니다.canActivateAuthGuard그리고.RoleGuard . 첫 (. . . . . . . .AuthGuard 로그인하지 않은 로 리디렉션합니다.에서 사용자가 로그인했는지 확인하고 로그인 페이지로 리디렉션합니다.두 번째는 사용자에게 페이지를 볼 수 있는 역할이 정의되어 있는지 확인하고, 정의되지 않은 경우 권한이 없는 페이지로 리디렉션합니다. canActivate: [ AuthGuard, RoleGuard ] ... export class AuthGuard implements CanActivate { canActivate(route: ActivatedRouteSnapshot, state: RouterStateS..

programing 2023.08.01

대체 행 색상 각진 재료 표

대체 행 색상 각진 재료 표 a 내부의 짝수/홀수 행을 어떻게 대상으로 하는지 궁금합니다.Angular Material Table짝수/홀수 행을 다른 배경색으로 설정할 수 있습니다. 설정했습니다.ClaimFileHistoryDataSource클래스: claimClientInformation: ClaimFileHistory[]; dataSource : ClaimFileHistoryDataSource; displayedColumns = ['TypeImg', 'Description', 'Agent']; export class ClaimFileHistoryDataSource extends DataSource { constructor(private _claimFileHistory: ClaimFileHistory[..

programing 2023.07.27

카르마/재스민 테스트에서 "[object ErrorEvent] sloted" 오류를 디버깅하려면 어떻게 해야 합니까?

카르마/재스민 테스트에서 "[object ErrorEvent] sloted" 오류를 디버깅하려면 어떻게 해야 합니까? 출력만 하는 몇 가지 실패한 테스트가 있습니다.[object ErrorEvent] thrown콘솔에 문제가 있는 코드를 식별하는 데 도움이 되는 내용이 없습니다.이것들을 추적하기 위해 제가 해야 할 일이 있나요? [편집]: 저는 카르마 v1.70, 자스민 v2.7.0을 실행하고 있습니다. 참고: 테스트가 실행되면 DevTools Console을 여는 것만으로도 정확한 오류를 찾을 수 있습니다. 간단한 해결책으로 소스 맵 없이 테스트를 실행할 수 있습니다. CLI v6.0.8 이상 --source-map=false CLI v6.0.x 이전 버전 --sourceMap=false CLI v1...

programing 2023.04.28
반응형