반응형

typescript 12

효소로 반응 성분을 테스트하는 중입니다.유형 스크립트에서 인스턴스 메서드를 찾을 수 없습니다.

효소로 반응 성분을 테스트하는 중입니다.유형 스크립트에서 인스턴스 메서드를 찾을 수 없습니다. React 클래스 구성 요소를 테스트하려고 합니다. 우리 반에 현재 상태와 소품을 바탕으로 무언가를 계산하는 방법이 있다고 가정해 보겠습니다. import Component from './Component' const wrapper = enzyme.shallow(); it('does something', () => { expect(wrapper.instance().someInstanceMethod(input)).toBe(true); }); 타이프스크립트가 말합니다.Property 'someInstanceMethod' is not defined on type Component어떻게 타이프스크립트에 우리 반이 어떻..

programing 2023.07.15

관찰 가능한 모든 'null' 값 필터링

관찰 가능한 모든 'null' 값 필터링 다음과 같은 환자를 위한 서비스가 있습니다. @Injectable() export class UserService() { private currentUserSubject = new BehaviorSubject(null); public currentUser = this.currentUserSubject.asObservable().distinctUntilChanged(); ... // emitting new User } 업데이트 시 이 서비스를 주입하고 구독하는 구성 요소가 있어야 합니다. @Component() export class UserComponent { constructor(private userService: UserService) { this.userS..

programing 2023.07.10

[표시]를 사용하여 표시하는 방법자동 완성 재료2의 경우

[표시]를 사용하여 표시하는 방법자동 완성 재료2의 경우 나는 있습니다.arrayAPI에서 제공되며 Material2#를 사용하고 있습니다.필터링하려면 자동 완성...지금까지는 작동하지만 옵션에 바인딩된 값 대신 다른 속성을 표시하는 데 어려움이 있습니다. 사용해야 하는 건 알지만, 제가 예상한 대로 작동하지 않습니다.다음과 같이 호출되는 함수[displayWith]="displayFn.bind(this)">그냥 나에게 돌려줘요.id어떻게 하면 전체 개체를 얻을 수 있으며 따라서 반환할 수 있습니다.name제 기능으로 그나저나, 여전히 FormControl에서 ID를 바인딩하고 싶습니다. 일부 코드: 구성 요소: export class AutocompleteOverviewExample { stateCtr..

programing 2023.07.10

Angular는 XSS 또는 CSRF를 어떻게 처리합니까?

Angular는 XSS 또는 CSRF를 어떻게 처리합니까? Angular(2)는 XSS와 CSRF를 어떻게 처리합니까?이런 공격을 감당할 수 있을까요?그렇다면 이 보호를 사용하려면 어떻게 해야 합니까?그렇지 않다면 서버에서 이러한 모든 공격을 처리해야 합니까, 아니면 프론트엔드에서 TypeScript를 사용하여 어떻게든 처리해야 합니까? 당신이 사용해야 한다는 것을 읽었습니다.withCredentials: true하지만 이 코드를 어디에 두어야 할지, 그것이 심지어 그것인지, 제가 찾고 있는 것이 무엇인지 잘 모르겠습니다. https://angular.io/ 웹 페이지에서 저는 이것에 대해 아무것도 찾지 못했습니다.Angular2는 기본적으로 활성화된 내장*의 안티 XSS 및 CSRF/XSRF 보호 기능..

programing 2023.07.05

Angular 8 애플리케이션에서 세션 스토리지 구현

Angular 8 애플리케이션에서 세션 스토리지 구현 저는 학습에 도움이 되는 영화 애플리케이션을 만들고 있습니다.세션 저장소에서 클릭 수를 캡처하고 저장하는 방법을 알고 싶습니다. 클릭이 작동할 수 있었습니다.그것은 증가하고 각 버튼에 클릭 수를 표시합니다. 저는 이것을 지시로 했습니다.또한 버튼의 id를 키와 클릭 횟수 값으로 세션 저장소에 첨부하려고 했는데, 로그를 기록하면 작동하지만 페이지를 새로 고칠 때마다 유지되지 않는 것 같습니다. NB: API를 사용하여 데이터를 가져오는 중입니다. 랜딩 페이지 구성요소 import { CountClicks } from './counter.directive'; import { HttpService } from './../http.service'; impor..

programing 2023.06.20

TypeScript에서 "이니셜라이저는 이 바인딩 요소에 값을 제공하지 않으며 바인딩 요소에 기본값이 없습니다"를 수정하는 방법은 무엇입니까?

TypeScript에서 "이니셜라이저는 이 바인딩 요소에 값을 제공하지 않으며 바인딩 요소에 기본값이 없습니다"를 수정하는 방법은 무엇입니까? JavaScript로 작성된 Apollo GraphQL API 프로젝트를 TypeScript로 마이그레이션하고 있습니다.사용자 코드 블록을 찾을 때 다음과 같은 오류가 발생합니다. var idArg: any Initializer provides no value for this binding element and the binding element has no default value.ts(2525) async findOne({ id: idArg } = {}) { // Red line here ^^^^^ const user = await this.knex('user..

programing 2023.06.15

TypeScript에서 router.navigate로 새 탭을 여는 방법

TypeScript에서 router.navigate로 새 탭을 여는 방법 다음 유형의 스크립트 코드는 항상 현재 브라우저 탭에서 열립니다. navigate($data: menuItem, $event: JQueryEventObject) { //... let a = $event.currentTarget as HTMLAnchorElement; router.navigate(a.href); } 새 탭에서 router.navig를 열려면 어떻게 해야 합니까? (즉, $event.ctrlKey가 참인 경우)이것이 나의 해결책입니다. const url = this.router.serializeUrl(this.router.createUrlTree(['/my/url/route'], { queryParams: { ...an..

programing 2023.06.15

모듈을 찾을 수 없음: 오류:'C:\dev\jszip-test\node_modules\jszip\lib'에서 '스트림'을(를) 확인할 수 없습니다.

모듈을 찾을 수 없음: 오류:'C:\dev\jszip-test\node_modules\jszip\lib'에서 '스트림'을(를) 확인할 수 없습니다. 사용 중jszip v3.2.1각진 7번 응용 프로그램에서.프로젝트를 빌드할 때(예: 실행 중)npm start) 다음 오류가 발생합니다. ./node_modules/jszip/lib/readable-stream-browser에서 오류가 발생했습니다.제이에스 모듈을 찾을 수 없음: 오류:'C:\dev\jszip-test\node_modules\jszip\lib'에서 '스트림'을(를) 확인할 수 없습니다. 어떻게 하면 이 문제를 해결할 수 있을까요?저는 이 게시물을 읽고 제 프로젝트에서 스트림 패키지가 누락되었다는 것을 알게 되었습니다. 다음 명령을 실행하여 설..

programing 2023.06.10

각진 2 - 타사 립 추가

각진 2 - 타사 립 추가 나는 각진 2 cli를 사용하려고 합니다. 프로젝트에 momentjs를 사용하고 싶기 때문에 다음과 같이 작업했습니다. 각 CLI를 사용하여 프로젝트를 만들었습니다. 경영하다npm install --save moment src 폴더에서 실행typings init+typings install --save moment. 시스템 모듈에 모멘트 추가: System.config({ packages: { app: { format: 'register', defaultExtension: 'js' }, moment: { map: 'node_modules/moment/moment.js', type: 'cjs', defaultExtension: 'js' } } }); 추가된import * as m..

programing 2023.06.10

[ Typescript ]에서 유형과 인터페이스의 차이점은 무엇입니까?

[ Typescript ]에서 유형과 인터페이스의 차이점은 무엇입니까? 다음의 차이점은 무엇입니까? type Foo = { foo: string }; interface Foo { foo: string; } 인터페이스 확장 가능 interface A { x: number; } interface B extends A { y: string; } 또한 증강된 interface C { m: boolean; } // ... later ... interface C { n: number; } 단, 타입 에일리어스는 인터페이스가 나타낼 수 없는 것을 나타낼 수 있습니다. type NumOrStr = number | string; type NeatAndCool = Neat & Cool; type JustSomeOtherN..

programing 2023.04.06
반응형