반응형

Angular 16

각도 2 구성 요소 생성기 대 OnInit

각도 2 구성 요소 생성기 대 OnInit 이 질문에는 이미 다음과 같은 답변이 있습니다. 생성자와 ngOnInit의 차이 (27개 답변) 닫힘6년 전에. 구성 요소가 로드될 때마다 함수 x가 실행되도록 하려면 처음이든 다른 사이트로 이동하여 다시 이동하거나 구성 요소가 로드된 것이 다섯 번째입니다. 함수 x를 무엇에 넣어야 합니까?구성 요소 생성자 또는 OnInit?생성자는 미리 정의된 형식 스크립트 클래스의 기본 메서드입니다.Angular 와 Angular 사이에는 관계가 없습니다.constructor. 우리는 보통 사용합니다.constructor일부 변수를 정의/초기화하지만, Angular의 바인딩과 관련된 작업이 있을 때 Angular의 것으로 이동합니다.ngOnInit생애 주기 고리ngOnIni..

codememo 2023.10.20

각도 5 FormGroup 재설정이 검증자를 재설정하지 않습니다.

각도 5 FormGroup 재설정이 검증자를 재설정하지 않습니다. 때.FormGroup.reset()양식 클래스를 다음과 같이 설정합니다.ng-pristine ng-untouched그렇지만FormControl.hasError(...)여전히 진실로 돌아옵니다.내가 여기서 뭘 잘못하고 있는 거지? 템플릿 Email is a required feild Password is a required feild Login 요소 export class MyComponent { private myForm: FormGroup; private email: FormControl = new FormContorl('', Validators.required); private password: FormControl = new Form..

codememo 2023.10.05

Angular 5 반응형 - 라디오 버튼 그룹

Angular 5 반응형 - 라디오 버튼 그룹 두 개의 라디오 버튼이 있습니다. 반응형 양식을 사용하고 있으며 구성 요소 내에 양식 컨트롤을 추가했습니다.제가 직면한 문제는 이름 특성이 formControlName 형식과 같아야 한다는 것입니다.이름 속성을 동일하게 설정할 때, 하나의 라디오 단추만 선택할 수 있습니다. 다른 하나의 라디오 단추를 선택하거나 선택을 취소할 수 없습니다.동일한 항목만 선택할 수 있습니다. this.genderControl = new FormControl("", Validators.required); 양식 그룹에 추가했습니다. genderControl: this.genderControl, 내 HTML: Male Female 양식 그룹 this.personalInfo = new..

codememo 2023.08.26

'rxjs-compat/Observable' 모듈을 찾을 수 없습니다.

'rxjs-compat/Observable' 모듈을 찾을 수 없습니다. 저는 현재 angular 4를 angular 6 code로 업그레이드하고 있습니다.새로운 rxjs 연산자를 사용하도록 코드를 마이그레이션하면서 "rxjs": "^6.3.2"를 설치하고 rxjs-compact를 제거했습니다.저는 여전히 다음과 같은 오류가 발생하고 있습니다.이유를 모르겠습니다. ERROR in [at-loader] ./node_modules/rxjs/BehaviorSubject.d.ts:1:15 TS2307: Cannot find module 'rxjs-compat/BehaviorSubject'. ERROR in [at-loader] ./node_modules/rxjs/Observable.d.ts:1:15 TS2307:..

codememo 2023.08.26

Angular2가 비동기 함수 호출을 활성화()할 수 있습니다.

Angular2가 비동기 함수 호출을 활성화()할 수 있습니다. Angular2 라우터 가드를 사용하여 앱의 일부 페이지에 대한 액세스를 제한하려고 합니다.Firebase 인증을 사용하고 있습니다.사용자가 Firebase로 로그인했는지 확인하려면 전화를 해야 합니다..subscribe()에서FirebaseAuth콜백이 있는 개체입니다.경비원의 코드는 다음과 같습니다. import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFireAuth } from "angularfire2/angularfire2"; import { Injectable } from "@a..

codememo 2023.08.21

각도 - 동적으로 검증자 추가/제거

각도 - 동적으로 검증자 추가/제거 나는 있습니다FormGroup아래와 같이 정의됨: this.businessFormGroup: this.fb.group({ 'businessType': ['', Validators.required], 'description': ['', Validators.compose([Validators.required, Validators.maxLength(200)])], 'income': [''] }) 이제 언제businessType이라Other제거합니다.Validators.required의 검증자.description그리고 만약에businessType아닙니다Other나는 다시 추가하고 싶습니다.Validators.required. 아래 코드를 사용하여 동적으로 추가/제거합니다.V..

codememo 2023.08.11

원산지 'http://localhost:4200'이(가) Angular7의 CORS 정책에 의해 차단되었습니다.

원산지 'http://localhost:4200'이(가) Angular7의 CORS 정책에 의해 차단되었습니다. 저는 http://5.160.2.148:8091/api/trainTicketing/city/Findrest for citys를 제 각진 프로젝트에서 사용하고 싶습니다. 저는 제 프로젝트에서 7.2.15 버전의 앵글을 사용했습니다. 오류와 함께 이: httpClient throw는 URL입니다. Access to XMLHttpRequest at 'http://5.160.2.148:8091/api/trainTicketing/city/findAll' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to pre..

codememo 2023.08.01

builder @angular-devkit/build-angular:dev-server on server 명령에 대한 구현을 찾을 수 없습니다.

builder @angular-devkit/build-angular:dev-server on server 명령에 대한 구현을 찾을 수 없습니다. 이 질문에는 이미 다음과 같은 답이 있습니다. Angular 6 - "@angular-devkit/build-angular" 모듈을 찾을 수 없습니다. (47개 답변) 마감됨작년에 저는 이에 따라 각진 CLI를 업데이트하려고 했지만, 지금은 앱을 실행할 수 없습니다.명령을 실행하려고 할 때ng serve다음과 같은 오류가 발생합니다. Could not find the implementation for builder @angular-devkit/build-angular:dev-server Error: Could not find the implementation f..

codememo 2023.07.27

Angular 4+에서 html 태그로 문자열을 렌더링하는 방법은 무엇입니까?

Angular 4+에서 html 태그로 문자열을 렌더링하는 방법은 무엇입니까? 이 질문에는 이미 다음과 같은 답이 있습니다. Angular2 - HTML로 문자열 보간 (1개 답변) 각도 HTML 바인딩 (24개 답변) 마감됨5년 전에. 나의 각진 4 앱에는 다음과 같은 문자열이 있습니다. comment: string; comment = "abc"; 내 html에서 이 텍스트를 제공할 때, 예를 들어. {{comment}} 그러면 다음과 같이 표시됩니다. abc 하지만 "abc"라는 텍스트를 abc처럼 굵고 기울임꼴로 표시해야 합니다. 어떻게 해야 하나요?단방향 흐름 구문 속성 바인딩 사용: 각도 문서에서: "Angular는 값을 안전하지 않은 것으로 인식하고 자동으로 검사하여 제거합니다.태그를 지정하지..

codememo 2023.05.23

RxJs 5에서 Angular Http 네트워크 호출의 결과를 공유하는 올바른 방법은 무엇입니까?

RxJs 5에서 Angular Http 네트워크 호출의 결과를 공유하는 올바른 방법은 무엇입니까? Http를 사용하여 네트워크 호출을 수행하고 http 관찰 가능한 값을 반환하는 메서드를 호출합니다. getCustomer() { return this.http.get('/someUrl').map(res => res.json()); } 이 기능을 사용하여 여러 가입자를 추가할 경우: let network$ = getCustomer(); let subscriber1 = network$.subscribe(...); let subscriber2 = network$.subscribe(...); 이로 인해 여러 네트워크 요청이 발생하지 않도록 해야 합니다. 예를 들어, 호출자가 오류 메시지를 표시하기 위해 관찰 가능..

codememo 2023.05.18
반응형