반응형

angular 19

NullInjectorError: AngularFirestore에 대한 공급자가 없습니다.

NullInjectorError: AngularFirestore에 대한 공급자가 없습니다. 오류를 해결하는 데 도움이 필요한 Angular를 배우고 있습니다.저는 이 링크를 따라가고 있습니다: https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md 은 각진2와 각진 파이어스토어2가 있는 각진 작은 앱을 만듭니다. 그러나 serve를 누를 때 브라우저 콘솔에서 아래 오류가 발생합니다. StaticInjectorError[AngularFirestore]: StaticInjectorError[AngularFirestore]: NullInjectorError: No provider for AngularFirestore! at _..

programing 2023.06.01

Tslint - 유형이 사소한 추론 - 유형을 여기에 포함하는 것이 나쁜 관행인 이유는 무엇입니까?

Tslint - 유형이 사소한 추론 - 유형을 여기에 포함하는 것이 나쁜 관행인 이유는 무엇입니까? VSCode에서 다음 코드를 추가하면 linter인 tslint가 다음과 같이 불평합니다. serverId: number = 10; 그리고 다음과 같은 메시지를 제공합니다. [tslint] 숫자 리터럴에서 경미하게 추론된 형식 번호, 형식 주석 제거(이해할 수 없는 형식) '번호' 유형을 제거하면 메시지가 사라집니다. 유형 정보를 여기에 포함하는 것이 좋지 않은 이유는 무엇입니까?나쁜 습관은 아니지만,serverId: number = 10중복됩니다, 왜냐하면number속성이 할당될 때 유형이 유추됩니다.이것이 TSLint의 내용입니다.no-inferrable-types경고: 컴파일러가 쉽게 유추할 수 있는..

programing 2023.05.27

각도 2: 반응형 폼 컨트롤을 반복합니다.

각도 2: 반응형 폼 컨트롤을 반복합니다. 난 그러고 싶다.markAsDirty내부의 모든 제어 장치FormGroup.알게 된 사실은Object.keys이 일을 처리할 수 있습니다. Object.keys(this.form.controls).forEach(key => { this.form.get(key).markAsDirty(); }); Angular 8+의 경우 다음을 사용합니다(Michelango 답변 기준). Object.keys(this.form.controls).forEach(key => { this.form.controls[key].markAsDirty(); }); Object.keys(...) 마법을 사용하지 않고도 이 작업을 수행할 수 있는 다른 방법이 있습니다. for (const fiel..

programing 2023.05.27

ngIf inside ngFor 매개변수가 있는 Angular - ng-template

ngIf inside ngFor 매개변수가 있는 Angular - ng-template 이 질문에는 이미 다음과 같은 답이 있습니다. ngFor 변수를 ngIf 템플릿으로 전달 (5개 답변) 마감됨5년 전에. 이 템플릿을 작성하려고 합니다. ... {{ link.some_property }} ... {{ link.some_property }} 문제는 링크 변수가 ng-template 내부에서 정의되지 않아 정의되지 않은 'some_property'에 액세스하는 오류가 발생한다는 것입니다. 링크 변수를 ngFor에서 ng-template로 전달하는 방법을 이해하려고 노력하고 있습니다. 이 문제에 대한 여러 가지 해결책이 있는지 알면 좋을 것 같습니다.다음과 같이 할 수 있습니다. Simple : {{ li..

programing 2023.05.22

서브 또는 파이어베이스 서브를 끝내는 방법

서브 또는 파이어베이스 서브를 끝내는 방법 저는 Angular2로 웹 개발을 하고 있으며 Angular2와 Firebase를 모두 사용하여 로컬 서버를 실행하고 있습니다.Ionic을 사용하여 서버를 만들 때 quit를 입력하는 것과 유사한 명령을 찾을 수 없어서 매번 터미널 탭을 닫아야 합니다.서버를 종료하고 터미널 탭을 다시 가져올 수 있는 방법이 있습니까? 감사해요.다음 명령을 사용하여 진행 중인 프로세스를 종료할 수 있습니다. ctrl + c+를 두 번 사용하여 배치 작업을 종료하라는 메시지를 표시합니다.ng serve 명령어가 실행 중인 것이 보이지 않으면 Mac OSX에서 다음을 수행할 수 있습니다(Linux 및 Uni 소프트웨어에서도 작동해야 함). ps -ef | grep "ng serve"..

programing 2023.05.22

다중 ng-콘텐츠

다중 ng-콘텐츠 다중 구성 요소를 사용하여 사용자 지정 구성 요소를 구축하려고 합니다.ng-contentAngular 6에서, 하지만 이것은 작동하지 않고 나는 왜 그런지 모르겠어요. 다음은 내 구성 요소 코드입니다. 이 구성 요소를 다른 곳에서 사용하고 내부에 두 개의 다른 HTML 코드를 렌더링하려고 합니다.body및 헤더select의ng-content다음과 같은 것: This should be rendered in header selection of ng-content This should be rendered in body selection of ng-content 그러나 구성 요소가 비어 있습니다. 여러분은 제가 무엇을 잘못하고 있는지 또는 두 개의 다른 섹션을 같은 구성요소로 렌더링하는 가장..

programing 2023.05.12

약속과 관찰 가능한 것의 차이점은 무엇입니까?

약속과 관찰 가능한 것의 차이점은 무엇입니까? 사이의 차이점은 무엇입니까?Promise그리고.Observable? 각각의 예는 두 사례를 이해하는 데 도움이 될 것입니다.각 사례를 사용할 수 있는 시나리오는 무엇입니까?약속. A Promise비동기 작업이 완료되거나 실패할 때 단일 이벤트를 처리합니다. 참고: 있다니가 .Promise ES6는 ES6입니다.Promise아직은 아닙니다. 관찰 가능한 안 안Observable는 (여러 언어에서) 와 비슷하며 각 이벤트에 대해 콜백이 호출되는 0개 이상의 이벤트를 전달할 수 있습니다. 주자Observable보선는되보다 Promise의 특징을 제공하기 때문입니다.Promise기타 등등.와 함께Observable 1,. 0, 1은 이벤트를 처리하는 것입니다.각각의..

programing 2023.05.02

선택 태그(Angular 2)에서 ngModel 변경을 감지하려면 어떻게 해야 합니까?

선택 태그(Angular 2)에서 ngModel 변경을 감지하려면 어떻게 해야 합니까? 변경 내용을 검색하는 중입니다.ngModel순식간에태그. Angular 1.x에서, 우리는 이것을 해결할 수 있습니다.$watch에ngModel또는 를 사용하여ngChange하지만 나는 아직 어떻게 변화를 감지하는지 이해하지 못합니다.ngModel각도 2에서 전체 예: http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) @Vie..

programing 2023.04.27

Angular2에서 텍스트를 잘라내는 방법은 무엇입니까?

Angular2에서 텍스트를 잘라내는 방법은 무엇입니까? 문자열의 길이를 숫자로 제한할 수 있는 방법이 있습니까?예: 제목 길이를 20으로 제한해야 합니다.{{ data.title }}. 길이를 제한하는 파이프나 필터가 있습니까? 텍스트를 각도로 잘라내는 두 가지 방법. let str = 'How to truncate text in angular'; 해결책 {{str | slice:0:6}} 출력: how to 다음과 같이 조각 문자열 뒤에 텍스트를 추가하려면 {{ (str.length>6)? (str | slice:0:6)+'...':(str) }} 출력: how to... 솔루션(사용자 정의 파이프 생성) 사용자 정의 자르기 파이프를 생성하려는 경우 import { Pipe, PipeTransform..

programing 2023.04.27
반응형