manycodes

angular2 템플릿에서 정적 함수 호출 저는 각진 프로젝트를 위한 '유틸리티' 서비스(클래스)를 구축하려고 합니다.유틸리티 클래스에는 정적 기능이 있으므로 불필요한 개체를 인스턴스화할 필요가 없습니다.한 가지 예는 다음과 같습니다. import { Injectable } from '@angular/core'; @Injectable() export class DateService { constructor() { } public static parseDate(dateString: string): Date { if (dateString) { return new Date(dateString); } else { return null; } } } 구성 요소 클래스 파일에서 다음과 같이 가져옵니다. import ..

Angular2 - 외부에서 양식 확인 및 제출 이렇게 생긴 간단한 양식이 있습니다. ... 그리고 양식을 제출하고 외부에서 유효성을 확인해야 합니다. 예를 들어, 프로그램적으로 제출하거나, 다음과 같이 제출합니다.그것은 바깥쪽에 있습니다.꼬리표단추의 양식 속성을 사용하여 단추를 양식에 연결할 수 있습니다. ... SAVE 다음과 같이 유효성을 확인할 수 있습니다. SAVE 양에가 ID 있야합니다가 합니다.id="example-form" 제출 하여 " 고제버일는치하서에튼출그리▁id▁in▁a▁the는▁and▁id" 아이디와 하는 아이디를 입력합니다.form="example-form" 자세한 내용은 여기를 참조하십시오. https://developer.mozilla.org/en-US/docs/Web/HTML..

각도 2를 사용한 HTML5 이벤트 처리(포커스 및 포커스 아웃) 날짜 필드가 있으며 기본적으로 플레이스홀더를 제거합니다. 자바스크립트를 사용하고 있습니다.onfocus그리고.onfocusout자리 표시자를 제거하기 위한 이벤트입니다. angular2 디렉티브를 사용하는 것을 도와줄 수 있는 사람이 있습니까? 이런 식으로 해결하려고 하는데 입력 필드 유형을 재설정하는 데 문제가 생겼습니다. import { Directive, ElementRef, Input } from 'angular2/core'; @Directive({ selector: '.dateinput', host: { '(focus)': 'setInputFocus()', '(focusout)': 'setInputFocusOut()', }}) e..

Angular routerLink가 해당 구성 요소로 이동하지 않습니다. angular2 app에서의 나의 라우팅은 잘 작동합니다.하지만 저는 이것을 기반으로 routeLink를 만들 것입니다. 다음은 내 라우팅입니다. const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; 그리고 제가 만든 링크는 다음과 같습니다. Home About this 해당 구성 요소를 클릭하면 해당 구성 요소로 이동하지만 아무 작업도 수행하지 않습니다.당신이 거기서 보여주고 있는 코드는 절대적..

Angular에서 개체 위에 반복 이 질문에는 이미 다음과 같은 답이 있습니다. *ngFor를 사용하여 개체의 키 및 값 액세스 (21개 답변) 마감됨2년 전에. 2에서 몇 작업을 과 Angular 2 Alpha 28에서 문제가 .ngFor. TypeScript에는 다음과 같은 인터페이스가 있습니다. interface Dictionary { [index: string]: string } JavaScript에서 이것은 다음과 같은 데이터를 가진 객체로 변환됩니다. myDict={'key1':'value1','key2':'value2'} 저는 이것을 반복하고 싶고 시도해보고 싶습니다. {{key}}:{{value}} 그러나 다음 중 어느 것도 작동하지 않았습니다. {{value}} {{key}}:{{valu..

모든 키 누르기에서 Angular 2 변경 이벤트 변경 이벤트는 입력의 포커스가 변경된 후에만 호출됩니다.모든 키 프레스에서 이벤트가 실행되도록 하려면 어떻게 해야 합니까? {{mymodel}} 두 번째 바인딩은 모든 키를 누를 때마다 변경됩니다.방금 이벤트 입력을 사용했는데 다음과 같이 정상적으로 작동했습니다. .vmx 파일: .ts 파일: onSearchChange(searchValue: string): void { console.log(searchValue); } 사용하다ngModelChange해체함으로써[(x)]구문을 속성 데이터 바인딩과 이벤트 바인딩의 두 부분으로 나눕니다. {{mymodel}} valuechange(newValue) { mymodel = newValue; console.log..

Visual Studio Code에서 실행 중인 Angular 응용 프로그램에서 TSLint 확장자 쓰기 오류 발생 저는 최근 TSLint 오류를 보기 시작했습니다.그들은 다음과 같이 보입니다. '/Users/myname/myproject/client/src/app/like/like/likee/likee.component.ts'에 대한 로컬 TSLint 버전을 사용하지 않습니다.현재 작업영역에서 코드 실행을 사용하려면 작업영역 라이브러리 실행을 사용하도록 설정해야 합니다. .ts 파일을 열었을 때 .ts 파일에 표시되며 각 .ts 페이지의 첫 줄에 노란색 꼬불꼬불한 줄이 표시됩니다. TSLint 사이트에서 더 이상 사용되지 않는다고 합니다. 이러한 오류의 원인은 무엇이며 오류가 갑자기 나타나는 이유는 무..

패키지 '@angular/cli'는 종속성이 아닙니다. 명령을 실행하려고 하면 다음 오류가 발생합니다. ng update @angular/cli @angular/core --allow-dirty Repository is not clean. Update changes will be mixed with pre-existing changes. Using package manager: 'npm' Collecting installed dependencies... Found 28 dependencies. Package '@angular/cli' is not a dependency. 제 경우에는 그것이 없었습니다.node_modules폴더를 누릅니다.실행해야 합니다.npm i업데이트 전.먼저 모든 변경 사항을 rep..