angular 16

Angular 2는 템플릿 기반 형식으로 입력할 수 없습니다.

Angular 2는 템플릿 기반 형식으로 입력할 수 없습니다. 템플릿 기반 Blueprint를 사용하는 양식이 있으므로 다음과 같습니다. Submit form 이제 어떻게 하면 ENTER가 양식을 제출하지 못하게 할 수 있습니까?양식 내부의 사용자 지정 ENTER 동작을 방해하며, 실수로 입력 입력을 누를 경우에도 이를 원하지 않습니다. 주변을 살펴보니 오래된 앵귤러 1 답변과 표준 자바스크립트 답변도 발견했지만 앵귤러 2에는 이런 것이 이미 내장되어 있을 것 같지만 찾을 수 없었습니다. 만약 그렇지 않다면, 이것을 달성하는 가장 좋은 방법은 무엇일까요?다음과 같이 간단한 것을 사용할 수 있는 것으로 나타났습니다. ENTER에서 양식이 제출되지 않도록 합니다.제가 늦었다는 것은 알지만, 이에 대한 적절한..

source 2023.11.01

Angular2의 생산 모드와 개발 모드의 차이점은 무엇입니까?

Angular2의 생산 모드와 개발 모드의 차이점은 무엇입니까? 어떤 이유에서인지 나는 내 앱을 프로덕션 모드로 실행해야 합니다.그 모드들의 차이점은 무엇입니까?개발 모드에서 변경 탐지는 첫 번째 실행 직후 두 번째 실행을 수행하고 첫 번째 실행과 두 번째 실행 사이에 경계 값이 변경된 경우 오류를 발생시킵니다.이를 통해 확인 값에 부작용이 있거나 필드 또는 함수가 이후 호출에서 동일한 값을 반환하지 않아 Angular의 변경 탐지 기능이 손상되는 버그를 찾을 수 있습니다. 개발 모드에서 두 번째 변경 탐지 실행 중에 Angular는 프로덕션에서 수행하지 않는 몇 가지 심층 객체 비교도 수행하여 허용되지 않는 모델 변경을 탐지합니다. 업데이트: 개발 모드에서 HTML Sanitizer 서비스가 바인딩에서..

source 2023.09.27

모듈 'AppModule'에서 선언한 예기치 않은 값 '정의되지 않음'

모듈 'AppModule'에서 선언한 예기치 않은 값 '정의되지 않음' 여기 뭐가 잘못됐나요?제가 해결하려고 하는데 머리글에 오류가 발생합니다.시켰습니다를 시켰습니다.app.component.html그것은 존재하는templateUrl부름을 받은app.component.ts, 그래도 운이 없습니다. app.jp.ts: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { RouterModule, Routes } from '@angular/router'; import { AppCompo..

source 2023.09.17

'ToPromise' 속성이 'Observable' 유형에 없습니다.

'ToPromise' 속성이 'Observable' 유형에 없습니다. import { Headers, Http } from '@angular/http'; @Injectable() export class PublisherService{ private publishersUrl = 'app/publisher'; constructor(private http: Http) { } getPublishers(): Promise{ return this.http.get(this.publishersUrl) .toPromise() .then(response => response.json().data) .catch(this.handleError); } } 다음 오류가 발생했습니다. 'ToPromise' 속성이 'Observab..

source 2023.09.02

각도 @NGRX에서 이 세 개의 점의 의미는 무엇입니까?

각도 @NGRX에서 이 세 개의 점의 의미는 무엇입니까? 이 세 개의 점은 정확히 무엇을 의미하며, 왜 그것들이 필요합니까? export function leadReducer(state: Lead[]= [], action: Action { switch(action.type){ case ADD_LEAD: return [...state, action.payload]; case REMOVE_LEAD: return state.filter(lead => lead.id !== action.payload.id ) } } 세 개의 점은 유형 스크립트(ES7에서도)의 산포 연산자로 알려져 있습니다. 확산 연산자는 배열의 모든 요소를 반환합니다.각 요소를 개별적으로 작성하는 것처럼: let myArr = [1, 2, 3]..

source 2023.08.23

Angular2에서 문자열 값을 구성 요소에 전달하는 방법

Angular2에서 문자열 값을 구성 요소에 전달하는 방법 angular2의 구성 요소에 문자열 값을 전달하고 싶지만 기본 바인딩에서는 작동하지 않습니다.저는 이것과 비슷한 것을 생각하고 있습니다. 안타깝게도 할당의 오른쪽에는 식을 사용할 수 있습니다.이것을 할 수 있는 방법이 있습니까?문자열 리터럴은 다음과 같은 다양한 방법으로 전달될 수 있습니다. 문자열을 따옴표로 묶어서 전달할 수 있습니다. 문자열 리터럴에 단일 따옴표(및 기타 특수 HTML 문자)를 포함하는 첫 번째 옵션은 작동하지만 리터럴을 래핑하는 데 단일 따옴표를 사용하는 옵션은 구문 분석 오류로 실패합니다.예: "John's Value"를 올바르게 출력합니다.언급URL : https://stackoverflow.com/questions/3..

source 2023.08.13

Angular Event Emitter Error: 0개의 유형 인수가 필요하지만 1개를 받았습니다.

Angular Event Emitter Error: 0개의 유형 인수가 필요하지만 1개를 받았습니다. T.https://youtu.be/I317BhehZKM?t=57s 에 이 튜토리얼을 따라갔음에도 불구하고 "예상된 0개의 유형 인수, 그러나 1개를 받았습니다"라는 유형 오류가 발생합니다. 지정한 항목: newUserInfoComplete:boolean = false 하지만 위에 지정된 오류가 발생했습니다.다음 줄에서: @Output() newUserInfoCompleteEvent = new EventEmitter (); 또한, 제가 단순히 생략한다면,다음 오류가 발생했습니다. Argument of type 'boolean' is not assignable to parameter of type 'stri..

source 2023.08.13

Angular2 라우터 오류: 'HomePage'를 로드할 기본 콘센트를 찾을 수 없습니다.

Angular2 라우터 오류: 'HomePage'를 로드할 기본 콘센트를 찾을 수 없습니다. 새 라우팅 라이브러리(@angular/router v3.0.0-alpha.7)를 사용하기 시작했지만 공식 문서를 따르면 다음 오류가 발생합니다. browser_adapter.ts:74: EXCEPTION: Error: Uncaught (in promise): Error: Cannot find primary outlet to load 'HomePage' 문제는 - 오류를 제거하고 라우터가 예상대로 작동하도록 하려면 어떻게 해야 합니까?설정을 놓쳤습니까? (Alpha.6 버전을 사용할 때도 동일한 오류가 나타납니다.) app.component.ts import { Component } from '@angular/co..

source 2023.08.08

헤드리스 브라우저로 테스트를 실행하려면 어떻게 해야 합니까?

헤드리스 브라우저로 테스트를 실행하려면 어떻게 해야 합니까? 사용: ng test Angular CLI는 기본적으로 Chrome에서 테스트를 실행하는데, 이는 훌륭하지만 콘솔 전용 환경(헤드리스 브라우저)에서 테스트를 실행해야 하는 경우에는 어떻게 해야 합니까? 또한 실행할 때마다 브라우저를 사용하지 않을 것인지 여부를 지정할 수 있으므로 다음과 같은 작업을 수행할 수 있습니다. ng test --browsers MyHeadLessBrowser 편집: 실행 중인 팬텀JS 저는 다음을 얻었습니다. PhantomJS 2.1.1(Linux 0.0.0) 오류 유형 오류: useValue, useFactory, data notitable! at http://localhost:9876/_karma_webpack_/..

source 2023.08.08

코어 모듈에 추가된 http 인터셉터를 무시하도록 앵글 모듈을 만드는 방법

코어 모듈에 추가된 http 인터셉터를 무시하도록 앵글 모듈을 만드는 방법 권한 부여 처리를 위해 HttpInterceptor가 포함된 코어 모듈이 있으며 이 모듈을 AppModule에 포함합니다. 이 방식으로 HttpClient를 사용하는 다른 모든 모듈이 이 인터셉터를 사용합니다. @NgModule({ imports: [], declarations: [], providers: [ { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true, }, ] }) export class CoreModule { } 모듈을 기본 인터셉터로 우회시키는 방법은 무엇입니까? @NgModule({ imports: [ CommonModule ], declara..

source 2023.08.08