nicesource

Angular 2 애니메이션 - 부울 트리거? 부울 속성에 바인딩된 전환을 트리거하려고 하지만 실행되지 않는 것 같습니다. 다음은 애니메이션 트리거의 축소 버전입니다. trigger( 'trueFalseAnimation', [ transition('* => true', [ style({backgroundColor: '#00f7ad'}), animate('2500ms', style({backgroundColor: '#fff'})) ]), transition('* => false', [ style({backgroundColor: '#ff0000'}), animate('2500ms', style({backgroundColor: '#fff'})) ]) ] ) HTML: Content here 테스트 대상: ng..

기능 구성 요소 정적 속성 반응 정적 속성으로 다른 클래스 구성 요소가 있는 클래스 구성 요소가 있었습니다.이제 기능 구성 요소로 전환했는데 정적 속성을 유지하는 방법을 모르겠습니다. class Panel extends React.Component { public static Fieldset = PanelFieldset; } class PanelFieldset extends React.Component { ... } class App extends React.Component { public render() { return ( ... ) } } 이제 기능 구성 요소로 전환합니다. const Panel: React.FunctionComponent = (props) => { Panel.Fieldset = P..

Angular Material 2 테이블 서버 측면 페이지 Angular Material 2, MatPaginator 서버 사이드 페이징을 달성하려고 합니다.어떻게 하면 그것을 달성할 수 있을까요? 다음은 코드 예제입니다. No. {{element.position}} Name {{element.name}} Weight {{element.weight}} Symbol {{element.symbol}} 페이지 구성 요소: import {Component, ViewChild} from '@angular/core'; import {MatPaginator, MatTableDataSource} from '@angular/material'; /** * @title Table with pagination */ @Comp..

'ThunkAction' 유형의 인수를 'AnyAction' 유형의 매개 변수에 할당할 수 없습니다. 다음과 같은 유형의 스크립트를 사용하여 redux thunk 함수를 설정했습니다. export const fetchActivities = (): AppThunk => async dispatch => { dispatch(fetchActivitiesRequest()) try { const res = await fetch("/activities") const body = await res.json() dispatch(fetchActivitiesSuccess(body)) } catch (err) { dispatch(fetchActivitiesError(err)) } } AppThunk는 ThunkAction 유..

typescript 안에 있는 객체의 배열을 어떻게 선언합니까? 개체의 배열을 매개 변수로 사용하는 함수를 지정하고 싶지만 개체에 대해 정의된 특정 유형(일종의 "익명 유형")이 없습니다. bagTotal = (products) => { // function does stuff } 저는 제가 할 수 있다는 것을 압니다. bagTotal = (products: any[]) => { // function does stuff } 하지만 이것은 제가 원하는 것보다 조금 더 여유롭습니다: 타자기에 엄격해지는 것입니다. products는 동일한 모양의 개체의 배열입니다. 모든 개체에는 이름, 가격 및 설명이 있습니다. 제가 그것을 어떻게 선언할 수 있습니까? 저는 다음과 같은 것을 하고 싶습니다. bagTotal ..

Angular 2 이미지를 base64로 인코딩 업로드된 파일을 base64로 인코딩하여 요청에 전달하고 싶습니다.문제는 제가 Angular 2 with Typescript를 사용하고 있는데 어떻게 해야 하는지에 대한 정보를 찾을 수 없다는 것입니다.자바스크립트에서 캔버스로 할 수 있다는 것을 발견했는데 Typescript에서 코드를 어떻게 구현할 수 있는지 모르겠습니다. 그래서 저는 해결책을 찾았습니다. 구성 요소 changeListener($event) : void { this.readThis($event.target); } readThis(inputValue: any): void { var file:File = inputValue.files[0]; var myReader:FileReader = ne..

클라이언트와 서버 간의 공유 유형 저는 Node.js, Express.js & TypeScript 백엔드(REST API)와 React, Redux & TypeScript 프론트엔드로 프로젝트를 진행하고 있습니다. 백엔드에서 다음과 같은 몇 가지 유형을 만들었습니다. 모델/제품.ts export type Product = { title: string description: string price: number } REST API는 다음과 같은 응답을 보냅니다. { "data": [ {"title": "Shoe", "Description": "This is a shoe.", "price": 20}, {...} ] // inside here all the Products[] } 고객에게 캐스팅하고 싶습니다...

Angular 9에서 유형 스크립트를 사용하여 관찰자 크기 조정 찾기 Angular 앱에서 ResizeObserver를 구현하려고 합니다. const obs = new ResizeObserver(e => { // ... }); TS 오류가 발생했습니다. TS2304: Cannot find name 'ResizeObserver'. 다음을 사용하여 유형 정의를 업데이트하려고 했습니다. @types/resize-observer-browser 그러나 나의 문제는 계속됩니다.권장되는 솔루션이나 공통 해결 방법이 있습니까? 아니면 '크기 조정 관찰자'와 같은 NPM 패키지를 사용하여 계속 진행하는 것이 좋을까요? 필요한 경우 추가 정보를 제공합니다. 감사합니다!size-observer-polyfill을 사용하는 것..

농담 사용 시 스크립트 오류 입력 이전에 작성한 파일이 있습니다..js우리의 기능 중 일부를 속이는 파일은 다음을 위해.jest시험 목적나는 그것을 a로 옮길 것입니다..ts파일: 서버.ts const Server = jest.genMockFromModule('../Server'); Server.getAsync = Server.default.getAsync; // other REST-ful functions here export default Server; 다음 오류가 발생했습니다. 'getAsync' 속성이 '{}' 유형에 없습니다. 'default' 속성이 '{}' 유형에 없습니다. 그런 다음 해당 테스트 파일에서 다음 작업을 수행합니다. My Component.test.ts import Server..

일반 형식 스크립트를 사용하여 인터페이스 확장 저는 어떤 개체든 사용할 수 있는 함수를 만들고 싶고 추가된 속성이 거의 없는 개체를 반환하고 싶습니다.다음과 같은 것: //this code doesn't work function addProperties(object: T): IPropertiesToAdd {/*implmentions code*/}; interface IPropertiesToAdd extend T{ on(): void; off(): void; } //usage example var str = new String('Hello') addProperties(str) str.charAt(3) str.on() 위의 코드 형식 스크립트 컴파일러의 경우 인터페이스가 클래스 또는 인터페이스만 추가할 수 ..