ittop

각도-소재 날짜/시간 선택기 구성요소? 프로젝트에서 날짜 선택기를 가져왔는데 달력에 시간을 포함할 수 있는 각도와 재질의 공식적인 최근 구성요소가 있는지 궁금합니다. 자료 문서에서 많은 시간 선택자를 보았고 제3자의 시간 선택자를 많이 조사했지만 매우 복잡해 보입니다.를 할 때 할 수 .matInputdatetime-local다음과 같습니다. 자리 표시자의 각 부분을 클릭하여 일, 월, 년, 시간, 분 및 AM 또는 PM 중 어느 것을 선택할 수 있습니다.@angular-material-components/datetime-picker를 확인하는 것을 추천합니다.@angular/material Datepicker와 같은 DatetimePicker로 시간선택 지원을 추가하였습니다. 각도 자체에서 공식적인 날..

각도 2 - 하위 모듈 라우팅 및 중첩 아래에 설명된 시나리오에 대해 Angular 2를 사용한 솔루션을 찾고 있습니다. 이 시나리오에서 top-nav에는 하위 모듈을 로드하는 링크가 포함되고 sub-nav에는 하위 모듈의 내용을 업데이트하는 링크가 있습니다. URL은 다음과 같이 매핑해야 합니다. /home => 홈페이지를 주 구성 요소 라우터 콘센트에 로드합니다. /submodule =>는 주 구성 요소 라우터 출구에 서브모듈을 로드하며 기본적으로 서브모듈의 홈 페이지와 서브 탐색바를 표시합니다. /submodule/feature => 서브모듈의 라우터 콘센트 내부에 피쳐를 로드합니다. 앱 모듈(및 앱 구성 요소)에는 여러 하위 모듈로 이동할 수 있는 상단 탐색바가 포함되어 있으며 앱 구성 요소 템플..

Angular2 innerHtml 바인딩 제거 스타일 속성 이 질문에는 이미 다음과 같은 답이 있습니다. RC.1에서는 바인딩 구문을 사용하여 일부 스타일을 추가할 수 없습니다. (2개 답변) 마감됨6년 전에. 내 문제는, 내가 innererHtml 바인딩 -angular2를 사용할 때 모든 스타일 속성을 제거한다는 것입니다.제 작업에서 HTML은 모든 스타일로 서버 측에서 생성되기 때문에 저에게 중요합니다.예: @Component({ selector: 'my-app', template: ` `, }) export class App { name:string; html: string; constructor() { this.name = 'Angular2' this.html = "1234"; } } 그러나 D..

[NgStyle] 조건과 결합(그렇지 않은 경우) 나는 NgStyle Documentation For Angular 2를 읽었는데, 그것은 나에게 조금 혼란스럽습니다.요소의 배경 이미지를 설정하기 위해 (만약...그렇지 않다면)와 같은 조건을 가진 NgStyle을 어떻게 사용합니까?다음과 같은 조건을 사용할 수도 있습니다. 문자열 연결이 조금 덜 필요합니다.의 3 사산용 내에서 사용ngStyle바인딩은 if/binding 조건으로 작동합니다. 이전의 답변들이 저에게 효과가 없었기 때문에 저는 이것을 개선하기로 결정했습니다. 은 함께작야합다니해업과 함께 일해야 .url('')가치가 있는 것이 아닙니다. 다음과 같이 사용할 수 있습니다. if 및 other 대소문자를 기준으로 한 [ngStyle]. Atta..

이 클래스는 SomeModule -> SomeComponent를 통해 소비자에게 표시되지만 최상위 라이브러리 진입점에서 내보내지 않습니다. 나는 나의 모든 각진 라이브러리를 업그레이드했습니다.angular 9.0.0사용.ng update그리고 제가 그것들을 만들려고 할 때 아래의 오류가 발생했습니다. 오류: 지원되지 않는 개인 클래스 SomeComponent입니다.이 클래스는 SomeModule -> SomeComponent를 통해 소비자에게 표시되지만 최상위 라이브러리 진입점에서 내보내지 않습니다. 이 오류를 해결한 사람이 있습니까?이 오류는 구성 요소를 내보낼 때 발생합니다.NgModule그리고 당신의 것에 포함되지 않습니다.public_api.ts,Angular 9이제 오류가 발생합니다. 이 오류는..

스크립트를 입력합니다.FormGroupFormArray - 값별로 요소 객체를 하나만 제거합니다.앵귤러 24 this.formGroup = this.formBuilder.group({ images: this.fb.array([]) }); 다음과 같은 방법으로 새 요소를 추가합니다.this.images.push(new FormControl(new ImageCreateForm(this.imageResponse.id))); get images(): FormArray { return this.formGroup.controls.images; } 내 수업: export class ImageCreateForm { id: number; constructor(id: number) { this.id = id; } } ex..

Angular Material 및 Jasmine : " 주입을 위한 공급자 없음토큰 MdDialogData!" Angular Material MdDialog에 사용해야 하는 구성 요소가 있습니다. @Component({ ... }) export class MyComponent { constructor(@Inject(MAT_DIALOG_DATA) public data: any, public dialogRef: MdDialogRef) { ... } } 자스민과 함께 Unit Test 하려고 합니다. describe('MyComponent', () => { let component: MyComponent; let fixture: ComponentFixture; beforeEach(async(() => { Te..

각도 6에서 ng add와 npm 설치의 차이 Angular6가 출시됨에 따라, 그들은 새로운 commandng add를 추가했습니다. 누가 기존의 것들과 무엇이 다를지 말해줄 수 있습니까?command npm install 그리고.ng add ng add ng add 패키지 관리자를 사용하고 종속성을 설치합니다.이 종속성에는 종속성 설치를 제외한 더 많은 작업을 수행하는 데 사용할 수 있는 설치 스크립트가 있을 수 있습니다.구성을 업데이트하거나, 해당 구성을 기반으로 다른 종속성을 다운로드하거나, 초기 마크업 및 논리를 사용하여 비계 템플릿을 만들 수 있습니다. 사용하기ng add타사 종속성의 경우 해당 팀은 설치 스크립트를 설명하는 스키마를 제공해야 합니다.여기에는 일부가 포함될 수 있습니다..scs..

Angular 2 - 구독에서 서버 오류 확인 나는 이 시나리오가 Angular 2 문서에 있어야 한다고 생각하지만, 어디에서도 찾을 수 없습니다. 시나리오는 다음과 같습니다. 서버에서 유효하지 않은 양식 제출(개체 만들기) 서버가 양식에 표시되는 오류와 함께 400개의 잘못된 요청을 반환합니다. 구독이 돌아온 후 오류 변수 같은 것을 확인하고 싶습니다(예: 오류가 없으면 > 새로 만든 상세 페이지로 이동). 저는 이것이 다음과 같이 작동한다고 생각합니다. this.projectService.create(project) .subscribe( result => console.log(result), error => { this.errors = error } ); } if (!this.errors) { //r..

전화 번호를 허용하는 입력에 대한 마스크? Angular 2를 수 합니까?input전화 번호 항목과 같은 필드(123) 123-4567?각도 5 및 6: 각진 5 및 6 권장 방법은 호스트 속성 대신 @HostBindings 및 @HostListeners를 사용하는 것입니다. 호스트 제거 및 @HostListener 추가 @HostListener('ngModelChange', ['$event']) onModelChange(event) { this.onInputChange(event, false); } @HostListener('keydown.backspace', ['$event']) keydownBackspace(event) { this.onInputChange(event.target.value, tru..