반응형

Angular 10

Angular2 입력이 변경되면 동적 입력 필드가 포커스를 잃음

Angular2 입력이 변경되면 동적 입력 필드가 포커스를 잃음 역동적인 형태를 만들고 있습니다. A.Field값 목록을 가지고 있습니다.각 값은 문자열로 표시됩니다. export class Field{ name: string; values: string[] = []; fieldType: string; constructor(fieldType: string) {this.fieldType = fieldType;} } 내 구성요소에 필드에 새로운 값을 추가하는 기능이 있습니다. addValue(field){ field.values.push(""); } 내 HTML에는 값과 버튼이 이렇게 표시됩니다. 값 입력에 텍스트를 쓰는 순간 입력의 초점이 줄어듭니다.필드에 많은 값을 추가하고 입력된 값에 문자를 입력하면 ..

programing 2023.11.07

x-www-form-urlencoded를 사용하여 Angular2를 강제 POST하는 방법

x-www-form-urlencoded를 사용하여 Angular2를 강제 POST하는 방법 Angular2(최종)를 사용하여 .jsp 페이지를 사용하여 다소 REST-ish API를 제공하는 오래된 레거시 Tomcat 7 서버에 게시해야 하는 프로젝트가 있습니다. 프로젝트가 단순한 JQuery 앱에서 AJAX 요청을 수행할 때는 잘 작동했습니다.하지만, 프로젝트의 범위가 점점 넓어져 더 현대적인 틀을 사용하여 다시 써야 할 것입니다.Angular2는 한 가지 예외를 제외하고는 작업에 매우 적합해 보입니다.API가 추출하지 않는 폼 데이터를 제외한 어떤 옵션도 사용하여 POST 요청을 수행하는 것을 거부합니다.API는 모든 것이 자바의 것에 의존하여 urlencoded 될 것으로 예상합니다.request...

programing 2023.11.02

TypeScript - setInterval로 설정된 유형

TypeScript - setInterval로 설정된 유형 나중에 setInterval이 할당되는 변수에 유형을 할당하려면 다음과 같이 하십시오. this.autoSaveInterval = setInterval(function(){ if(this.car.id){ this.save(); } else{ this.create(); } }.bind(this), 50000); 여기에 할당해야 할 유형은 무엇입니까?인터벌 자동 저장 가능?파티에 늦었지만, 가장 좋은 유형(특히 유형이 불투명하기 때문에, 우리는 그것을 전달할 수 있다는 것에만 신경을 씁니다.clearInterval()나중에)는 자동으로 추론되는 것일 수 있습니다. 즉, 다음과 같은 것입니다. ReturnType 유형은 사용할 기능에 따라 2개의 오버..

programing 2023.10.28

Angular2 RC5: 'Property X'에 바인딩할 수 없습니다. 'Child Component'의 알려진 속성이 아니기 때문입니다.

Angular2 RC5: 'Property X'에 바인딩할 수 없습니다. 'Child Component'의 알려진 속성이 아니기 때문입니다. Angular2 RC5로 업그레이드하려는 Angular2 Seed 프로젝트를 기반으로 한 작은 Angular2 프로젝트가 있습니다. 제 프로젝트에는 몇 가지 특징이 있는데, 그 중 하나는home. 홈 구성 요소는 다음과 같은 하위 구성 요소를 사용합니다.create-report-card-form. 나는 집을 선언했고,create-report-card-form의 구성 요소home.module(아래 코드 참조) 다음 오류가 발생합니다. 처리되지 않은 약속 거부:템플릿 구문 분석 오류: 'currentReportCardCount'는 'create-report-card-f..

programing 2023.09.08

TypeScript를 사용하는 Angular2의 http 데이터에서 RxJS 관찰 가능한 항목 연결

TypeScript를 사용하는 Angular2의 http 데이터에서 RxJS 관찰 가능한 항목 연결 저는 지난 4년간 AngularJS 1.*와 함께 즐겁게 일한 후 현재 Angular2와 TypeScript를 독학하기 위해 노력하고 있습니다!내가 그것을 싫어한다는 것을 인정해야 하지만 나는 내 유레카의 순간이 얼마 남지 않았다는 것을 확신합니다...어쨌든, 나는 JSON을 서비스하는 가짜 백엔드에서 http 데이터를 가져올 서비스를 더미 앱에 작성했습니다. import {Injectable} from 'angular2/core'; import {Http, Headers, Response} from 'angular2/http'; import {Observable} from 'rxjs'; @Injectab..

programing 2023.08.14

Angular2 *ngIf 템플릿에서 객체 배열 길이 확인

Angular2 *ngIf 템플릿에서 객체 배열 길이 확인 https://angular.io/docs/ts/latest/guide/displaying-data.html 및 스택 *ngIf를 사용하여 각 2 템플릿에서 빈 개체를 확인하는 방법 여전히 구문 오류 셀프 컨텍스트가 정의되지 않았습니다.*ngIf 조건을 제거하면 teamMembers에서 값에 액세스할 수 있도록 값을 입력하면 teamMembers에서 값을 얻습니다. 나의teamMember목적은[ ] array크기별로 조건 배열이 비어 있는지 확인하려고 합니다. 시도: 그리고. //Check length great than throwing syntax error Team Members 구성 요소: @Component({ selector: 'pbi-..

programing 2023.08.04

파이프 'async'를 찾을 수 없습니다.

파이프 'async'를 찾을 수 없습니다. Angular 2와 Firebase로 간단한 블로그를 구축하려고 하는데 구성 요소에서 비동기 파이프를 사용하는 데 문제가 있습니다.콘솔에 오류가 있습니다. zone.js:344 처리되지 않은 약속 거부:템플릿 구문 분석 오류:파이프 'async'를 찾을 수 없습니다("). [ERROR ->]{(blog.user | 비동기)?이름_이름 }} ": BlogComponent@6:3; 영역:; 작업: 약속.값: 오류:템플릿 구문 분석 오류: (…) 오류:템플릿 구문 분석 오류:파이프 'async'를 찾을 수 없습니다("). blog.component.ts import {Component, Input} from "@angular/core"; @Component({ sel..

programing 2023.05.26

템플릿 기반 폼과 반응형 폼의 실질적인 차이점은 무엇입니까?

템플릿 기반 폼과 반응형 폼의 실질적인 차이점은 무엇입니까? Angular2 새 Forms API에 대해 읽어봤는데 양식에 대한 두 가지 접근 방식이 있는 것 같습니다. 하나는 템플릿 기반 양식이고 다른 하나는 반응형 또는 모델 기반 양식입니다. 저는 구문의 차이가 아니라(분명히) 실제적인 용도의 차이, 그리고 서로 다른 시나리오에서 어떤 접근법이 더 많은 이익을 가져다 주는지 알고 싶습니다.또한, 하나를 선택하는 것이 다른 하나를 선택하는 것보다 성과가 있습니까?만약 그렇다면, 왜죠?템플릿 기반 양식 특징:" 사용하기 편리함 단순한 시나리오에 적합하고 복잡한 시나리오에 실패함 각도와 유사제이에스 양방향 데이터 바인딩(사용)[(NgModel)]구문) 최소구성요소코드 양식 및 해당 데이터의 자동 추적(An..

programing 2023.05.21

각도 2의 단추를 사용하여 다른 페이지로 이동합니다.

각도 2의 단추를 사용하여 다른 페이지로 이동합니다. 단추를 클릭하여 다른 페이지로 이동하려고 하지만 작동하지 않습니다.뭐가 문제일까요?나는 지금 각 2를 배우고 있는데 지금은 조금 힘듭니다. //Routes/Path in a folder call AdminBoard export const AdminRoutes: Routes =[ { path: 'dashboard', component: AdminComponent, children: [ {path: '', redirectTo: 'Home'}, {path: 'Home', component: HomeComponent}, {path: 'Service', component: ServiceComponent}, {path: 'Service/Sign_in', comp..

programing 2023.05.11

'of' 속성이 '관찰 가능한 유형' 유형에 없습니다.

'of' 속성이 '관찰 가능한 유형' 유형에 없습니다. 이 질문에는 이미 다음과 같은 답이 있습니다. 관측 가능한 .of는 함수가 아닙니다. (18개 답변) 마감됨6년 전에. 나는 최근에 내 인증 토큰에서 관찰 가능한 것을 사용하고 있었습니다. Observable.of('token'); 하지만 제가 이미 이것을 수입했음에도 불구하고, 그것은 계속해서 위의 오류를 발생시킵니다. import {Observable} from 'rxjs/Observable'; 가져오기가 필요합니다. 각도 > = 6.0.0의 경우 RxJS 6.0.0 Angular Change 로그 6.0.0 사용 import { of } from 'rxjs'; 또한 사용법이 변경되었으므로 더 이상 관찰 가능 범위에서 취소할 수 없습니다. of(..

programing 2023.05.06
반응형