반응형

angular 10

Angular2 - HTTP Request Options 헤더

Angular2 - HTTP Request Options 헤더 저는 현재 tslint에 문제가 있으며 누군가가 올바른 방향으로 나를 가리킬 수 있기를 희망하고 있었습니다. Angular2 프레임워크에서 제공하는 HTTP를 이용하여 HTTP GET 요청을 보내려고 합니다.이 요청으로 컨텐츠 타입과 베어러 인증 토큰을 지정해야 합니다. 내 코드의 예: let headers = new Headers(); let authToken = this._user.getUser().JWT; headers.append('Content-Type', 'application/json'); headers.append('Authorization', `Bearer ${authToken}`); let options = new Reque..

programing 2023.10.29

각2종 및 필터

각2종 및 필터 Angularjs 1에서는 다음과 같은 방식으로 정렬 및 필터링이 가능합니다. {{friend.name}} 하지만 Angularjs 2.0에서 이를 수행하는 방법에 대한 예시를 찾을 수 없었습니다.내 질문은 Angularjs 2.0에서 정렬하고 필터링하는 방법입니다.그래도 지원되지 않는다면 Angularjs 2.0에 언제 혹은 언제 들어갈지 아는 사람?Angular 팀이 Angular 2를 미니드로 실행하기를 원하기 때문에 이것은 상자에서 추가되지 않습니다.OrderBy는 최소화와 함께 깨지는 반사가 중단됩니다.이 문제에 대한 미슈코 헤베레이의 답변을 확인해 보세요. 시간을 들여 단일 및 다차원 배열을 모두 지원하는 OrderBy 파이프를 만들었습니다.또한 다차원 배열의 여러 열에 정렬할..

programing 2023.09.14

rxjs/Subject.d.ts 오류: 클래스 'Subject'가 기본 클래스 'Observable'의 확장을 잘못했습니다.

rxjs/Subject.d.ts 오류: 클래스 'Subject'가 기본 클래스 'Observable'의 확장을 잘못했습니다. 저는 이 튜토리얼에서 샘플 템플릿 코드를 추출했고 시작하기 위해 아래의 두 단계를 수행했습니다. npm install // worked fine and created node_modules folder with all dependencies npm start했습니다. node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject' incorrectly extends base class 'Observable'. Types of property 'lift' are incompatible. Type '(operator: Oper..

programing 2023.08.20

구성 요소를 사용하지 않고 angular2 경로에서 외부 URL로 리디렉션하는 방법은 무엇입니까?

구성 요소를 사용하지 않고 angular2 경로에서 외부 URL로 리디렉션하는 방법은 무엇입니까? 외부 리디렉션을 만들고 싶지만 모든 경로를 일관되게 하려면 라우터 상태 구성에서 모든 작업(외부 리디렉션 포함)을 수행하면 좋을 것 같습니다. 그래서: const appRoutes: Routes = [ {path: '', component: HomeComponent}, {path: 'first', component: FirstComponent}, {path: 'second', component: SecondComponent}, {path: 'external-link', /*would like to have redirect here*/} ]; UPD: 그리고 저는 @koningdavid가 제안한 것과 같은 빈..

programing 2023.07.31

'mat-form-field'는 알려진 요소가 아닙니다. - Angular 5 & Material 2

'mat-form-field'는 알려진 요소가 아닙니다. - Angular 5 & Material 2 사용하려고 합니다.Material2를 사용하는 Angular 프로젝트에서 하지만 벽에 부딪혔습니다. 아래 오류 메시지가 표시됩니다. Uncaught Error: Template parse errors: 'mat-form-field' is not a known element: 1. If 'mat-form-field' is an Angular component, then verify that it is part of this module. 2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.s..

programing 2023.07.26

이벤트 이미터로 매개 변수 전달

이벤트 이미터로 매개 변수 전달 DOM 요소에서 정렬 가능한 jQuery UI를 초기화하라는 지침이 있습니다.jQuery UI 정렬 테이블에는 특정 작업에 대해 트리거하는 콜백 이벤트 집합도 있습니다.예를 들어 요소 정렬을 시작하거나 중지할 때입니다. 이러한 이벤트의 반환 매개 변수를 다음과 같이 전달하고 싶습니다.emit()콜백 기능에서 무슨 일이 일어났는지 실제로 확인할 수 있습니다.매개 변수를 전달할 방법을 찾지 못했습니다.EventEmiiter. 저는 현재 다음과 같은 것을 가지고 있습니다. 내 지시: @Directive({ selector: '[sortable]' }) export class Sortable { @Output() stopSort = new EventEmitter(); constr..

programing 2023.07.26

Angular 2 템플릿에서let-*란 무엇입니까?

Angular 2 템플릿에서let-*란 무엇입니까? Angular 2 템플릿에서 이상한 할당 구문을 발견했습니다. {{car[col.field]}} 는 것 같습니다.let-col그리고.let-car="rowData"두 개의 새 변수 생성col그리고.car그런 다음 템플릿 내부에 바인딩할 수 있습니다. 출처: https://www.primefaces.org/primeng/ #/datable/compating 이게 무슨 마법입니까?let-*구문을 호출하시겠습니까? 어떻게 작동합니까? 사이의 차이점은 무엇입니까?let-something그리고.let-something="something else"?Angular 5 업데이트 ngOutletContext로 이름이 변경되었습니다.ngTemplateOutletCont..

programing 2023.05.22

Angular 4 토큰 새로 고침 후 가로채기 재시도 요청

Angular 4 토큰 새로 고침 후 가로채기 재시도 요청 하세요. 하고 처리하는지 합니다.401 unauthorized토큰을 새로 고치고 요청을 다시 시도하면 오류가 발생합니다.이것이 제가 따라온 가이드입니다: https://ryanchenkie.com/angular-authentication-using-the-http-client-and-http-interceptors 실패한 요청을 성공적으로 캐싱하고 토큰을 새로 고칠 수 있지만 이전에 실패한 요청을 다시 보내는 방법을 알 수 없습니다.또한 현재 사용 중인 해결 프로그램에서 이 작업을 수행하고 싶습니다. token.token.ts.ts return next.handle( request ).do(( event: HttpEvent ) => { if ( ..

programing 2023.05.17

angular-cli 도구의 --base-href 매개 변수와 --deploy-url 매개 변수의 차이점은 무엇입니까?

angular-cli 도구의 --base-href 매개 변수와 --deploy-url 매개 변수의 차이점은 무엇입니까? 사용해야 하는 Angular 정보의 문서화--base-href서브폴더에 배포될 때 프로덕션용 Angular 응용 프로그램 빌드의 매개 변수: 파일을 서버 하위 폴더에 복사하는 경우 빌드 플래그를 추가합니다.--base-href설정합니다.적당하게. 예를 들어, 다음과 같은 경우index.html의 서버에 있습니다./my/app/index.html기본 href를 로 설정합니다.이것처럼. https://angular.io/guide/deployment 그러나 각-cli는 다음을 갖습니다.--deploy-url매개 변수이 도구의 설명서에는 다음과 같이 설명되어 있습니다. 파일이 배포될 URL입..

programing 2023.05.07

ng serve 명령을 실행할 때 "포트 4200이 이미 사용 중"

ng serve 명령을 실행할 때 "포트 4200이 이미 사용 중" 저는 angular 2를 배우고 있으며 처음으로 angular CLI 프로젝트를 사용하여 샌드박스 프로젝트를 만듭니다. "ng serve" 명령을 실행할 수 있었고 잘 작동합니다.실행을 중지하고 싶어서 "Control Z"를 실행했습니다. "ng-serve" 명령을 다시 실행하려고 하면 "포트 4200이 이미 사용 중입니다."라는 메시지가 나타납니다. 나는 PID 목록을 얻기 위해 "PS"를 실행했고 각-cli에 대한 PID를 제거하고 "ng-serve"를 다시 실행했지만 여전히 사용 중인 동일한 포트 오류가 나타납니다.이것이 제가 포트 4200의 진행 상황을 죽이기 위해 사용한 것입니다. Linux 사용자의 경우: sudo kill $..

programing 2023.04.27
반응형