반응형

angular 9

타입스크립트로 Angular에서 @Directives(@Components)에 여러 파라미터를 전달하는 방법?

타입스크립트로 Angular에서 @Directives(@Components)에 여러 파라미터를 전달하는 방법? 내가 만들었기 때문에@Directive~하듯이SelectableDirective, 사용자 지정 지침에 둘 이상의 값을 전달하는 방법에 대해 약간 혼란스럽습니다.저는 많이 검색했지만 Angular with Typescript에서 적절한 해결책을 얻지 못했습니다. 제 샘플 코드는 다음과 같습니다. 상위 구성 요소:MCQComponent: import { Component, OnInit } from '@angular/core'; import { Question } from '../question/question'; import { AppService } from '../app.service/app.s..

programing 2023.10.15

서비스에서 구성 요소 보기 업데이트 트리거 - ChangeDetectorRef에 대한 공급자 없음

서비스에서 구성 요소 보기 업데이트 트리거 - ChangeDetectorRef에 대한 공급자 없음 서비스의 이벤트로 인해 트리거된 응용프로그램 보기를 다시 업데이트하고 싶습니다. 내 서비스 중 하나가 ChangeDetectorRef를 주입합니다.합니다.합니다.No provider for ChangeDetectorRef!. 앱 모듈에 추가해야 한다고 생각했는데 거기서 가져올 수 있는 모듈에 있다는 문서를 찾을 수 없습니다.클래스 자체를 Import Array에 추가하려고 했는데 오류가 발생했습니다.모듈의 공급자 배열에 추가하는 중에도 오류가 발생했습니다.다음은 제 서비스의 단순화 버전입니다. import {Injectable, ChangeDetectorRef } from '@angular/core'; @I..

programing 2023.10.05

'Element'에서 'setAttribute'를 실행하지 못했습니다. ']'은(는) 올바른 특성 이름이 아닙니다. 각 4

'Element'에서 'setAttribute'를 실행하지 못했습니다. ']'은(는) 올바른 특성 이름이 아닙니다. 각 4 다음 오류가 발생합니다. Failed to execute 'setAttribute' on 'Element': ']' is not a valid attribute name. 저는 단순히 모델을 만들었습니다. export interface ModalComponentModel { username: string; password: string; password2: string; description: string; } 구성 요소에 사용했습니다. 구성 요소: model: ModalComponentModel; 그런 다음 HTML 파일에 사용하려고 했습니다. Edit Profile × Usern..

programing 2023.08.06

유형 오류: 유형 스크립트에서 개체 '[objectArray]'의 읽기 전용 속성 '0'을(를) 할당할 수 없습니다.

유형 오류: 유형 스크립트에서 개체 '[objectArray]'의 읽기 전용 속성 '0'을(를) 할당할 수 없습니다. 저는 angular 8 작업을 하고 있습니다. 표를 표시하는 페이지가 있습니다.테이블에 개체 배열의 데이터가 표시됩니다.taskList구성 요소가 얻는 것.@Input(). 저는 이 테이블의 열에 정렬 기능이 있습니다. 각 행에는 삭제 옵션도 있습니다.내가 delete 옵션을 클릭하면 행을 삭제하기 위해 api 호출을 하고 다음으로 다른 호출을 합니다.tasklist배열. 이것은 동일한 것에 대한 효과입니다. @Effect() DeleteTask$: Observable = this.actions$.pipe( ofType(importActions.DELETE_TASK), switchMap(..

programing 2023.07.27

스키마 유효성 검사에 실패하고 다음 오류가 발생했습니다. 데이터 경로 ".builders['app-shell']"에는 필수 속성 'class'가 있어야 합니다.

스키마 유효성 검사에 실패하고 다음 오류가 발생했습니다. 데이터 경로 ".builders['app-shell']"에는 필수 속성 'class'가 있어야 합니다. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following error..

programing 2023.06.07

Angular HttpClient에 HTTP 헤더를 추가해도 헤더가 전송되지 않습니다. 왜죠?

Angular HttpClient에 HTTP 헤더를 추가해도 헤더가 전송되지 않습니다. 왜죠? 내 코드는 다음과 같습니다. import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charse..

programing 2023.06.02

CLI를 사용하여 구성 요소를 삭제하는 가장 좋은 방법은 무엇입니까?

CLI를 사용하여 구성 요소를 삭제하는 가장 좋은 방법은 무엇입니까? "ng destroy component foo"를 사용해봤는데 "destroy 명령어는 Angular-CLI에서 지원되지 않습니다."라는 메시지가 나타납니다. Angular CLI를 사용하여 구성 요소를 올바르게 삭제하려면 어떻게 해야 합니까?destroy또는 이와 유사한 기능이 CLI에 제공될 수도 있지만 현재는 주요 초점이 아닙니다.따라서 수동으로 이 작업을 수행해야 합니다. 디렉토리를 ).--flat)에서NgModule그것이 선언된 곳에. 만약 당신이 무엇을 해야 할지 확실하지 않다면, 나는 당신이 현재가 없다는 것을 의미하는 "깨끗한" 앱을 가지고 있는 것을 제안합니다.git 구성 해야 할 할 수 .그런 다음 구성 요소를 생성하..

programing 2023.06.02

Angular 2+에서 spec.ts 파일 없이 구성 요소를 생성하는 중

Angular 2+에서 spec.ts 파일 없이 구성 요소를 생성하는 중 내가 새로운 구성 요소를 만들 때마다 Angular 2+에서 spec.ts 파일을 제거할 수 있는 방법이 있습니까?이것이 테스트 목적인 것은 알지만 필요하지 않으면 어떻게 합니까. 이 특정 테스트 파일을 비활성화하기 위한 설정이 있을 수 있습니다.Angular >=8 CLI에 대해 업데이트됨 한 구성 요소에 대해 다음 명령을 사용합니다. ng generate component --skip-tests=true component-name 프로젝트의 다음 합니다.angular.json: { "projects": { "{PROJECT_NAME}": { "schematics": { "@schematics/angular:component": ..

programing 2023.05.18

Angular 2에서 구성 요소의 재렌더링을 강제하는 방법은 무엇입니까?

Angular 2에서 구성 요소의 재렌더링을 강제하는 방법은 무엇입니까? Angular 2에서 구성 요소의 재렌더링을 강제하는 방법은 무엇입니까?디버그 목적으로 Redux와 작업하기 위해 구성 요소가 뷰를 다시 렌더링하도록 강제하고 싶은데 가능합니까?렌더링은 변경 사항 감지 후에 수행됩니다.변경된 구성 요소 속성 값이 DOM으로 전파되도록 변경 탐지를 강제로 적용하려면(그러면 브라우저가 해당 변경 내용을 보기에 렌더링함) 다음과 같은 옵션이 있습니다. ApplicationRef.tick() - Angular 1과 유사함$rootScope.$digest()즉, 전체 구성 요소 트리를 확인합니다. NgZone.run(콜백) - 유사$rootScope.$apply(callback)즉, Angular 2 영역 ..

programing 2023.05.13
반응형