반응형

angular 17

각도 2 - 라우팅 - 관찰 가능한 작업을 활성화할 수 있음

각도 2 - 라우팅 - 관찰 가능한 작업을 활성화할 수 있음 CanActivate를 구현하는 AuthGuard(라우팅에 사용됨)가 있습니다. canActivate() { return this.loginService.isLoggedIn(); } 문제는 CanActivate-result가 http-get-result에 의존한다는 것입니다. LoginService는 Observable을 반환합니다. isLoggedIn():Observable { return this.http.get(ApiResources.LOGON).map(response => response.ok); } 백엔드 상태에 따라 CanActivate가 달라지도록 하려면 어떻게 해야 합니까? # # # # # # 편집: 이 질문은 2016년에 나온..

programing 2023.07.26

각도 재료 대화 상자 영역 외부를 클릭하여 대화 상자를 닫지 않습니다(각도 버전 4.0 이상 사용).

각도 재료 대화 상자 영역 외부를 클릭하여 대화 상자를 닫지 않습니다(각도 버전 4.0 이상 사용). 저는 현재 Angular 4 프로젝트의 비밀번호 재설정 페이지에서 작업하고 있습니다.Angular Material을 사용하여 대화상자를 만들고 있지만 클라이언트가 대화상자를 클릭하면 대화상자가 자동으로 닫힙니다.코드 측에서 "닫기" 기능을 호출할 때까지 대화 상자가 닫히지 않도록 하는 방법이 있습니까?또는 닫을 수 없는 모달을 만들려면 어떻게 해야 합니까?두 가지 방법이 있습니다. 대화 상자를 여는 방법에서 다음 구성 옵션을 전달합니다.disableClose의 두 번째 매개 변수로MatDialog#open()으로 설정합니다.true: export class AppComponent { constructor..

programing 2023.05.17

Angular 2 서비스에서 관찰 가능한 항목 생성 및 반환

Angular 2 서비스에서 관찰 가능한 항목 생성 및 반환 이것은 "모범 사례" 질문에 더 가깝습니다.선수가 : a 세명 선있다습니가수: a.Component,aService a 리고a.Model.Component를 부르고 있습니다.Service데이터베이스에서 데이터를 가져옵니다. 그Service사용 중: this.people = http.get('api/people.json').map(res => res.json()); 려다주를 Observable. 그Component 그구독수있다니습할냥에 도 있습니다.Observable: peopleService.people .subscribe(people => this.people = people); } 하지만, 제가 정말 원하는 것은Service려다주를 Arra..

programing 2023.05.07

상위 구성 요소의 CSS 파일에서 하위 구성 요소를 스타일화하는 방법은 무엇입니까?

상위 구성 요소의 CSS 파일에서 하위 구성 요소를 스타일화하는 방법은 무엇입니까? 상위 구성 요소가 있습니다. 그리고 이 그룹에 하위 구성 요소를 입력합니다. 상위 템플릿: 하위 템플릿: Test 때부터parent그리고.child두 개의 개별 구성요소이며 스타일은 고유한 범위로 고정됩니다. 상위 구성요소에서 다음 작업을 시도했습니다. .parent .child { // Styles for child } 그데그런..child이 스일이않습니에 .child구성 요소들. 사용해 보았습니다.styleUrls함하여를 parent를 일시트타스로.child범위 문제를 해결하기 위한 구성 요소: // child.component.ts styleUrls: [ './parent.component.css', './child..

programing 2023.05.02

Angular HttpClient에서 오류를 감지하는 중

Angular HttpClient에서 오류를 감지하는 중 다음과 같은 데이터 서비스가 있습니다. @Injectable() export class DataService { baseUrl = 'http://localhost' constructor( private httpClient: HttpClient) { } get(url, params): Promise { return this.sendRequest(this.baseUrl + url, 'get', null, params) .map((res) => { return res as Object }) .toPromise(); } post(url, body): Promise { return this.sendRequest(this.baseUrl + url, 'post..

programing 2023.04.27

Angular 버전을 얻는 방법은 무엇입니까?

Angular 버전을 얻는 방법은 무엇입니까? 는 설했습다를 했습니다.@angular/cli다음을 사용하여 npm을 통해 패키지: npm install -g @angular/cli § § 1.4 .2@angular/cli설치되었습니다.이것은 Angular 버전이 아니라 CLI 버전입니다. 를 한 후ng new myapp사용하고 할 수 x? Angular 버전사지용는어하떻수? 2.x, 4.x?ng version Angular cli를 전체적으로 설치했습니다(명령어에서 -g).이 즉, 다을입력수있다니습을 입력할 수 합니다.ng version명령 프롬프트로 이동합니다.명령 프롬프트가 npm 제어 디렉토리 내에 없을 때 이 작업을 수행하는 것이 더 정확할 수 있습니다(입력한 디렉토리 내에 입력해야 합니다).ng..

programing 2023.04.27

ngFor(인덱스를 속성 값으로 사용)

ngFor(인덱스를 속성 값으로 사용) 간단한 것이 있습니다.ngFor전류를 추적하는 루프index그것을 저장하고 싶습니다.index인쇄할 수 있도록 속성에 값을 입력합니다.하지만 이게 어떻게 작동하는지 모르겠어요. 저는 기본적으로 다음과 같습니다. {{item}} 의 가치를 저장하고 싶습니다.#i속성상data-index저는 여러 가지 방법을 시도해 보았지만 하나도 효과가 없었습니다. 여기 데모가 있습니다. http://plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p=preview 어떻게 저장할 수 있습니까?index에 있어서의 가치.data-index속성?다음 구문을 사용하여 인덱스 값을 HTML 요소의 속성으로 설정합니다. 각도 > = 2 사용해야 합니다.let대신 가치를 선언하는 ..

programing 2023.04.27
반응형