반응형

Angular 6

Expression Changed After It Has Be Checked Error: 식이 확인된 후 변경되었습니다.이전 값: '정의되지 않음'

Expression Changed After It Has Be Checked Error: 식이 확인된 후 변경되었습니다.이전 값: '정의되지 않음' 스택 오버플로에 이미 많은 동일한 질문이 게시되어 있고 런타임 오류를 방지하기 위해 다른 솔루션을 사용해 봤지만 어느 것도 작동하지 않습니다. 구성 요소 및 HTML 코드 export class TestComponent implements OnInit, AfterContentChecked { @Input() DataContext: any; @Input() Position: any; sampleViewModel: ISampleViewModel = { DataContext: : null, Position: null }; constructor(private val..

programing 2023.06.09

Angular 응용 프로그램이 프로덕션 모드 또는 개발 모드에서 실행 중인지 확인하는 방법

Angular 응용 프로그램이 프로덕션 모드 또는 개발 모드에서 실행 중인지 확인하는 방법 이것은 쉬운 것처럼 보이지만, 저는 어떤 해결책도 찾을 수 없었습니다. 그렇다면 앱이 운영 모드 또는 개발 모드에서 실행되고 있는지 확인하려면 어떻게 해야 합니까?이 기능은 DevMode입니다. import { isDevMode } from '@angular/core'; ... export class AppComponent { constructor() { console.log(isDevMode()); } } 참고: 이 기능에 주의하십시오. if(isDevMode()) { enableProdMode(); } 얻게 될 것입니다. 오류: 플랫폼 설치 후 prod 모드를 활성화할 수 없습니다. https://github...

programing 2023.05.05

단순 파이프로 소수점 2자리까지 제한합니다.

단순 파이프로 소수점 2자리까지 제한합니다. 숫자를 소수점 2자리 숫자로 제한하고 숫자를 통화 금액으로 변환하는 예를 발견했습니다(예: £2.55). {{ number | currency : 'GBP' : true : '1.2-2'}} 통화를 적용하지 않아도 같은 기능을 하는 간이 파이프가 있나요?통화 파이프는 내부적으로 숫자 형식에 사용됩니다.따라서 다음과 같이 사용할 수 있습니다. {{ number | number : '1.2-2'}} 효과가 있습니다. .ts -> pi = 3.1415 .html -> {{ pi | number : '1.0-2' }} Ouput -> 3.14 소수점이 있으면 하나만 표시합니다. 소수점 두 개가 있으면 둘 다 표시됩니다. https://stackblitz.com/edi..

programing 2023.04.25

Angular 4에서 실시간 창 크기 변화를 감지합니다.

Angular 4에서 실시간 창 크기 변화를 감지합니다. 응답성 있는 탐색 막대를 만들려고 했지만 미디어 쿼리를 사용하지 않으려 하므로 사용하려고 합니다.*ngIf창 크기를 기준으로 합니다.그러나 Angular 4 창 크기 검출에 대한 방법이나 문서를 찾을 수 없어 문제가 발생하고 있습니다.JavaScript 메서드도 시도해 봤지만 지원되지 않습니다. 다음을 시도했습니다. constructor(platform: Platform) { platform.ready().then((readySource) => { console.log('Width: ' + platform.width()); console.log('Height: ' + platform.height()); }); } 이온에 사용됐죠 그리고.screen..

programing 2023.04.25

@viewchild를 사용하여 여러 뷰 하위 항목에 액세스합니다.

@viewchild를 사용하여 여러 뷰 하위 항목에 액세스합니다. for 루프에 배치한 사용자 지정 구성 요소를 생성했습니다. 출력은 다음과 같습니다. 이러한 구성 요소의 수가 다를 수 있는 경우 @viewchild 구문 또는 다른 방법을 사용하여 이러한 구성 요소에 대한 참조를 얻는 방법을 알고 싶습니다. 구성 요소에 이름을 지정할 수 있습니다. 그런 다음 다음과 같이 참조할 수 있습니다. @ViewChild('compID') test: CustomComponent 예를 들어 인덱스를 사용하는 경우와 같이 그렇지 않은 경우 어떻게 참조해야 합니까? (이 질문은 이전에 질문한 다른 질문과 마찬가지로 ElementRef를 사용하는 것과는 관련이 없습니다. 아래 나열된 답변에서 알 수 있습니다.)이 질문은 ..

programing 2023.04.25

Angular 2에서 입력 태그 파일 형식으로 선택한 파일을 재설정하려면 어떻게 해야 합니까?

Angular 2에서 입력 태그 파일 형식으로 선택한 파일을 재설정하려면 어떻게 해야 합니까? 입력 태그는 다음과 같습니다. Reset Angular 2에서 선택한 파일을 재설정하고 싶습니다.도와주시면 대단히 감사하겠습니다.더 자세한 정보가 필요하시면 말씀하세요. 추신. 파일 세부 정보를 얻을 수 있습니다.$event매개 변수를 입력하고 타이프스크립트 변수에 저장하지만 이 변수는 입력 태그에 바인딩되지 않습니다.사용할 수 있습니다.ViewChild컴포넌트의 입력에 액세스합니다.먼저, 다음을 추가해야 합니다.#someValue컴포넌트에서 읽을 수 있습니다. 그런 다음 구성 요소에서 가져와야 합니다.ViewChild부터@angular/core: import { ViewChild } from '@angular..

programing 2023.04.25
반응형