반응형

angular 11

Angular2 중첩 템플릿 기반 폼

Angular2 중첩 템플릿 기반 폼 이것은 단지 광기일 뿐이고, 그것의 입력 중 하나가 어린이 구성요소에 있는 형태를 가질 방법이 없는 것처럼 보입니다. 저는 모든 블로그와 튜토리얼 그리고 모든 것을 읽었지만, 이것을 해결할 방법이 없었습니다. 문제는 하위 구성 요소에 어떤 종류의 양식 지시어(ngModel, ngModelGroup 등)가 있으면 작동하지 않는다는 것입니다. 이는 템플릿 기반 양식에서만 발생하는 문제입니다. 다음은 플런커입니다. import { Component } from '@angular/core'; @Component({ selector: 'child-form-component', template: ` Street: Zip: City: ` }) export class childFo..

programing 2023.09.03

클래스 전환을 위한 Angular ngClass 및 클릭 이벤트

클래스 전환을 위한 Angular ngClass 및 클릭 이벤트 Angular에서 사용하고자 합니다.ngClass이벤트를 클릭하여 클래스를 전환합니다.제가 온라인으로 찾아봤는데 각진 것도 있고 명확한 지침이나 예시가 없는 것도 있습니다.어떤 도움이라도 주시면 감사하겠습니다! HTML에는 다음이 있습니다. Some content 인.ts: clickEvent(event) { // Haven't really got far var targetEle = event.srcElement.attributes.class; } 이것은 당신에게 효과가 있을 것입니다. .html에서: Some content .ts에서: status: boolean = false; clickEvent(){ this.status = !this..

programing 2023.08.24

Angular2: 코어 모듈 대 공유 모듈

Angular2: 코어 모듈 대 공유 모듈 '?▁가 무엇인지 누가 설명해 줄 수 있습니까?SharedModule a 리고a.CoreModule무슨 뜻입니까? 저는 몇몇 프로젝트들이 각진 프로젝트를 만들기 위해 이 접근법을 사용하는 것을 보았습니다. 모듈이 두 개 필요한 이유는 무엇입니까? 제가 각각 언제 수입해야 하나요? 거요?imports,exports,declarations각자가 가져야 합니까? TLDR: CoreModule만이 있어야 했습니다.services그리고 한 번만 수입됩니다.AppModule. SharedModule을 제외한 모든 것을 가져야 합니다.services(" " " " "일")에서.AppModule). 그러나: 실제 모듈은 종종 의도적으로 [위] 지침에서 벗어난 하이브리드입니다...

programing 2023.07.30

fromPromPromise가 관찰 가능 유형에 없습니다.

fromPromPromise가 관찰 가능 유형에 없습니다. rxjs를 사용하는 Angular 2에서 약속을 관찰 가능으로 변환하려고 했습니다.많은 온라인 가이드가 보여주었듯이 나는 사용했습니다.fromPromise에Observable오류가 발생합니다. Property 'fromPromise' does not exist on type 'typeof Observable'. 관찰 가능 항목은 다음과 같이 가져왔습니다. import { Observable } from "rxjs/Observable"; 가져오려고 합니다.fromPromise다른 연산자와 마찬가지로 오류가 발생합니다. import 'rxjs/add/operator/fromPromise'; 텍스트 오류를 억제하더라도 오류가 발생합니다. (Observ..

programing 2023.07.30

Angular 2 - 이미지 URL이 유효하거나 손상되었는지 확인합니다.

Angular 2 - 이미지 URL이 유효하거나 손상되었는지 확인합니다. 나는 API에서 많은 이미지 URL을 가져와서 각도 2 웹 애플리케이션에 표시하고 있습니다.URL 중 일부가 손상되어 웹 서버에 로컬로 저장된 기본 사진으로 바꾸려고 합니다.URL을 테스트하고 상태 코드 404의 경우 손상된 이미지를 교체하는 방법을 제안하는 사람이 있습니까? 감사합니다!들어보세요error영상 요소 이벤트: 어디에updateUrl(event) { ... }새 값 할당this.someUrl. 플런커 예제 코드만 체크인하려는 경우 Javascript를 사용하여 이미지가 존재하는지 확인에서 설명하는 방법을 사용할 수 있습니다. @Directive({ selector: 'img[default]', host: { '(erro..

programing 2023.07.25

Angular 2의 동적 템플릿 URL

Angular 2의 동적 템플릿 URL 나는 지난 며칠 동안 Angular 2를 가지고 놀았고 역동적인 것을 제공하는 것이 가능한지 궁금했습니다.templateUrl에게@View장식가 함수를 전달하고 문자열을 반환하려고 했지만 전체 함수가 문자열로 바뀌었습니다. 저도 Angular 1.x를 사용해 본 적이 없어서 잘못된 방식으로 진행하는 것인지 모르겠지만, 이것이 가능한가요, 아니면 동적 뷰를 만드는 더 나은 방법이 있나요? 예를 들어 사용자가 로그인하지 않은 경우 양식을 표시하고 로그인한 경우 텍스트 메시지를 표시할 수 있습니다. 다음과 같은 것이 작동하지 않습니다. @Component({ selector: 'my-component' }) @View({ // This doesn't work templa..

programing 2023.07.25

Angular 빌드 및 실행 방법

Angular 빌드 및 실행 방법 Angular가 어떻게 뒤에서 빌드하고 실행하는지 알고 싶으십니까? 제가 지금까지 이해한 것은 아래와 같습니다.제가 놓친 게 있는지 알고 싶습니다. Angular 빌드 방법 TypeScript를 사용하여 Angular 앱을 코딩한 후 Angular CLI 명령을 사용하여 앱을 빌드합니다. ng build는 응용 아티팩트는 명어는응출을력컴빌는아에 됩니다.dist/디렉토리입니다. 내부 프로세스 Angular CLI는 웹 팩을 실행하여 모든 JavaScript 및 CSS 코드를 빌드하고 번들합니다. 차례로 Webpack은 모든 것을 가져오는 TypeScript 로더를 호출합니다..ts즉 Angular 프로의파변자환로합다로 합니다..js브라우저가 이해할 수 있는 파일입니다. 이..

programing 2023.07.25

@ViewChild와 @ContentChild의 차이점은 무엇입니까?

@ViewChild와 @ContentChild의 차이점은 무엇입니까? Angular 2는@ViewChild,@ViewChildren,@ContentChild그리고.@ContentChildren구성 요소의 하위 요소를 쿼리하기 위한 장식자입니다. 앞의 두 개와 뒤의 두 개의 차이점은 무엇입니까? Shadow DOM 및 Light DOM 용어를 사용하여 질문에 답변하겠습니다(웹 구성 요소에서 가져온 것입니다. 자세한 내용은 여기를 참조하십시오).일반적으로: Shadow DOM - 사용자(구성요소 작성자)가 정의하고 최종 사용자에게 숨기는 구성요소의 내부 DOM입니다.예: @Component({ selector: 'some-component', template: ` I am Shadow DOM! Nice to..

programing 2023.05.31

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까?

Angular with Angular CLI의 특정 버전을 설치하는 방법은 무엇입니까? 구글과 앵귤러 CLI를 통해 검색해봤지만 앵귤러 CLI를 사용하여 특정 버전의 앵귤러를 설치할 방법을 찾을 수 없었습니다. 가능할까요?질문에 답하기 위해 특정 각도-cli 버전이 아니라 특정 각도-cli 버전에 관심이 있다고 가정합니다(각도-cli는 결국 도구일 뿐입니다). 합리적인 방법은 각도-cli 버전을 각도 버전과 정렬된 상태로 유지하는 것입니다. 그렇지 않으면 비호환성 문제가 발생할 위험이 있습니다.따라서 정확한 angular-cli 버전을 구하면 원하는 angular 버전을 구하게 됩니다. 그 가정에서, 당신의 질문은 각도-cli에 관한 것이 아니라 npm에 관한 것입니다. 방법은 다음과 같습니다. [STE..

programing 2023.05.01

각도에서 양식 배열에서 모든 항목 제거

각도에서 양식 배열에서 모든 항목 제거 FormBuilder 내부에 폼 배열이 있으며 동적으로 폼을 변경하고 있습니다. 예를 들어, 애플리케이션 1에서 데이터를 로드할 때 등입니다. 문제는 모든 데이터가 로드되지만 FormArray의 데이터는 그대로 유지되고 이전 항목을 새 항목과 연결한다는 것입니다. FormArray에 새 항목만 포함되도록 하려면 어떻게 해야 합니까? 먹어봤어요. const control2 = this.registerForm.controls['other_Partners']; control2.setValue([]); 하지만 효과가 없습니다. 아이디어 있어요? ngOnInit(): void { this.route.params.subscribe(params => { if (params['i..

programing 2023.05.01
반응형