반응형

typescript 10

@Input()에 기반한 Angular 2 동적 종속성 주입

@Input()에 기반한 Angular 2 동적 종속성 주입 Angular 2 성분 지침이 있다고 가정합니다. 여기서 성분이 사용하는 주입된 종속성이 @Input()에 의해 결정되기를 원합니다. 저는 다음과 같은 것을 쓰고 싶습니다.그리고 트렌디 디렉티브의 인스턴스가 A 서비스를 사용하도록 하거나, 만약 그것이 내가 지정한 것이라면 B 서비스를 사용하도록 합니다.(이것은 제가 실제로 하려고 하는 것을 지나치게 단순화한 버전입니다.) (처음에 이것이 좋지 않은 생각이라고 생각하신다면, 저는 그 피드백에 동의합니다. 하지만 그 이유를 설명해 주십시오.) 여기 제가 생각하는 것을 성취하는 방법의 한 가지 예가 있습니다.이 예에서 서비스 A와 서비스 B가 모두 '슈퍼 쿨 기능'을 통해 iService를 구현하는..

sourcecode 2023.07.13

Angular 2 퀵스타트 404 GET /app/main.js

Angular 2 퀵스타트 404 GET /app/main.js Angular 2의 빠른 시작을 시도하고 있지만 작동하는지 모르겠습니다.저는 비슷한 질문을 몇 개 찾아봤지만 답을 찾지 못했습니다.누가 나를 도와줄 사람? 이건 내 코드야. app.component.ts import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: 'My First Angular 2 App' }) export class AppComponent { } 메인.ts import {bootstrap} from 'angular2/platform/browser' import {AppComponent} from './app.component' boo..

sourcecode 2023.07.03

Vue TypeScript 프로젝트의 이벤트 유형은 무엇입니까?

Vue TypeScript 프로젝트의 이벤트 유형은 무엇입니까? uploadImage function 매개 변수와 같이 'e'에 대한 올바른 유형은 무엇입니까? public uploadImage(e /* :type of e */){ const image = e.target.files[0]; const reader = new FileReader(); reader.readAsDataURL(image); reader.onload = e =>{ this.previewImage = e.target.result; console.log(this.previewImage); }; } 템플릿에는 이것이 있습니다. 유형은 다음과 같습니다.Event관련 정보가 켜져 있습니다.e.target소유물.이 유형에는 자체 주석을 사용..

sourcecode 2023.06.28

올바른 유형 안전 방법으로 기록 키를 반복하려면 어떻게 해야 합니까?

올바른 유형 안전 방법으로 기록 키를 반복하려면 어떻게 해야 합니까? 몇 가지 속성에 대한 예제 레코드를 작성해 보겠습니다. type HumanProp = | "weight" | "height" | "age" type Human = Record; const alice: Human = { age: 31, height: 176, weight: 47 }; 각 속성에 대해 사람이 읽을 수 있는 레이블도 추가합니다. const humanPropLabels: Readonly = { weight: "Weight (kg)", height: "Height (cm)", age: "Age (full years)" }; 이제 이 레코드 유형과 정의된 레이블을 사용하여 동일한 키 유형을 가진 두 개의 레코드에 대해 반복하려고 ..

sourcecode 2023.06.18

Angular 4에서 상위 구성 요소에서 하위 구성 요소로 데이터를 전달하는 방법

Angular 4에서 상위 구성 요소에서 하위 구성 요소로 데이터를 전달하는 방법 상위 구성 요소에서 하위 구성 요소로 데이터를 전달하려고 할 때.콘솔에 정의되지 않은 메시지가 표시됩니다.데이터가 배열 형식입니다. parent.component.vmdk child.component.ts @Input() data; question = []; constructor() { this.question = this.data; } ngOnInit() { console.log(this.question); //returns undefined } 값이 아직 채워지지 않았기 때문에 생성자에서 할당을 수행할 수 없습니다. 이 작업은 다음에서 수행되어야 합니다.ngOnInit당신이 가치를 확인하는 것처럼. @Input() da..

sourcecode 2023.06.18

RxJS 관찰 가능한 필터에서 정의되지 않음

RxJS 관찰 가능한 필터에서 정의되지 않음 필터링에 사용되는 특정 관용구 또는 유틸리티가 있습니까?undefinedRxJS 관측 자료에서?는 제가 있습니다. obs.pipe(filter(x => x !== undefined)) 몇 가지 대안은 다음과 같습니다. obs.pipe(filter(x => x)) // for all falsy values obs.pipe(filter(Boolean)) // for falsy variables using Boolean ctor 엄밀히 말하면 정의되지 않은 값을 제거하기 위해 필터만 사용해도 필요한 모든 작업이 수행되지 않습니다.정의되지 않은 값을 필터링하지만 정의되지 않은 값이 더 이상 가능하지 않음을 나타내도록 유형을 변경하지는 않습니다. 예제: const ob..

sourcecode 2023.06.13

오류 TS2318: 글로벌 유형 '개체'를 찾을 수 없습니다.

오류 TS2318: 글로벌 유형 '개체'를 찾을 수 없습니다. 명령줄을 사용하는 것만으로 tsconfig.json이 아닌 매우 간단한 프로젝트: tsc --jsx react --target es6 --lib dom src/lib/Fetch.tsx 그리고 저는 다음과 같은 오류가 발생하는데 왜 이러한 유형들이 문자 그대로 모든 곳에서 정의되는지 이해할 수 없습니다. 특히 제가 믿는 lib.es6.d.ts에는 포함되어 있습니다.--target es6 error TS2318: Cannot find global type 'Array'. error TS2318: Cannot find global type 'Boolean'. error TS2318: Cannot find global type 'Function'. ..

sourcecode 2023.06.08

형식 스크립트 속성이 유니언 유형에 없습니다.

형식 스크립트 속성이 유니언 유형에 없습니다. 이것은 몇 번인가 마주친 상황입니다만, 꽤 간단하다고 생각됩니다만, 타입을 어느 쪽에도 설정하지 않는 솔루션을 찾을 수 없습니다. 함수는 두 개의 다른 개체 중 하나를 인수로 사용하여 수신된 개체를 확인하고 대응하는 필드를 반환합니다. 이것은 문제의 간단한 버전이지만, 문제는 두 개체가 서로 겹치지 않는 속성으로만 구분할 수 있고 다른 유형에는 없기 때문에 속성에 액세스할 수 없다는 것입니다. type Obj1 = { message: string } type Obj2 = { text: string } const getText = (obj: Obj1 |obj2): string => { if (obj.message) { return obj.message } re..

sourcecode 2023.04.04

경고 .ts 파일을 삭제하는 방법은 TypeScript 컴파일의 일부이지만 사용되지 않습니다.

경고 .ts 파일을 삭제하는 방법은 TypeScript 컴파일의 일부이지만 사용되지 않습니다. angular로 했습니다.9.0.0-next.4루팅을 사용하지 않고 있는데 업데이트 후 갑자기 이 경고가 계속 표시됩니다.는 어떻게 합니까? 고의 src/war/angular/src/app/app-routing.module.tsTypeScript 컴컴일scriptscript 。tsconfig' 'files' 합니다. 패키지.json "dependencies": { "@angular/animations": "^9.0.0-next.4", "@angular/cdk": "^8.1.4", "@angular/common": "^9.0.0-next.4", "@angular/compiler": "^9.0.0-next.4", ..

sourcecode 2023.02.18

typeScript에서 jQuery를 사용하는 방법

typeScript에서 jQuery를 사용하는 방법 난 노력하고 있다. $(function(){ alert('Hello'); }); 비주얼 스튜디오 (TS) Cannot find name '$'.typeScript에서typeScript jQuery는 어떻게 해야 요?대부분의 경우 jQuery용 TypeScript 선언 파일을 다운로드하여 프로젝트에 포함해야 합니다.jquery.d.ts 옵션 1: @types 패키지 설치(TS 2.0+ 권장) 패키지와 동일한 폴더에 있습니다.json file, 다음 명령을 실행합니다. npm install --save-dev @types/jquery 그러면 컴파일러는 jquery에 대한 정의를 자동으로 해결합니다. 옵션 2: 수동 다운로드(권장하지 않음) 여기서 다운받으세..

sourcecode 2023.02.11
반응형