padding

HttpClient "get" 메서드에서 URL 검색 매개 변수를 전달하는 방법 - Angular 5 Http 서비스와 함께 Angular 4.2를 사용했고 params가 URLsearchParams 객체인 get 메서드를 사용했습니다. this.http.get(url, {headers: this.setHeaders(), search: params}) Angular 5로 마이그레이션하고 싶습니다. http는 이제 Angular 팀에서 추천하는 HttpClient 개체입니다.'검색' 키에 오류가 발생했습니다. 제 경우 Http를 HttpClient 서비스로 마이그레이션하는 방법을 알고 계십니까? 감사해요.Angular 4.3 이후로 사용할 수 있습니다.HttpClient이런 식으로: import { Htt..

키 속성이 유형 스크립트에서 이벤트 유형의 일부로 인식되지 않는 이유는 무엇입니까? 저는 이벤트를 이용해 사용자가 어떤 버튼을 눌렀는지 알아보고 이벤트를 이용하는 기능이 있습니다.주요 재산그러나 함수의 매개 변수에서 Event 유형을 지정하면 컴파일러는 다음과 같이 불평합니다. 속성 'key'가 'Event' 유형에 없습니다. 여기 제 코드가 있습니다. function getDirection(e:Event):void{ let directionCode:number = e.key; // code going on here } 유형 이벤트에서 키 속성이 인식되지 않는 이유는 무엇입니까? 왜냐면Event그런 속성을 가지고 있지 않습니다.KeyboardEvent당신이 원하는 수업입니다. function getDir..

웹소켓, Angular 2 및 JSON 웹토큰 인증 내 Angular 2 앱(타입스크립트로 코딩됨)에는 간단한 인증 체계가 있습니다. 사용자 로그인: 서버가 JSON 웹 토큰(JWT)을 반환합니다.abc123... 모든 API 호출에서 앱은 JWT를 전송합니다.Authorization머리말 서버가 JWT를 검증하고 액세스 권한을 부여합니다. 이제 웹 소켓을 추가하려고 합니다.그곳에서 사용자 인증을 어떻게 해야 하는지 궁금합니다.웹소켓 서버(WS)로 전송되는 헤더를 제어하지 않기 때문에 JWT를 전송할 수 없습니다. 지금까지 제 아이디어(아직 구현되지 않음): 클라이언트가 웹 소켓을 엽니다.let sock = new WebSocket('wss://example.com/channel/'); WS 서버는 인증..

Electron을 사용할 때 Angular 2의 기본 href를 어떻게 구성해야 합니까? 둘 중 하나를 설정해야 합니다.HTML 또는APP_BASE_HREF부트스트랩 중에 Angular 2가 예외를 던지지 않도록 합니다.둘 중 하나를 설정하면,Electron파일 시스템의 관점에서 생각합니다, 예외를 던집니다.browser_adapter.ts경로를 일치시키려고 할 때: 예외:오류: 발견되지 않음(약속 없음):어떤 경로와도 일치할 수 없습니다.현재 세그먼트: 'C:'.사용 가능한 경로: ['/dashboard', '/accounts']. 사용해 보았습니다.HashLocationStrategy이 블로그 게시물에 언급되었지만, Angular는 여전히 기본 href가 설정되지 않은 것에 대해 불평합니다.그 이후로..

TypeScript에서 입력된 개체 리터럴을 지정하려면 어떻게 해야 합니까? 타이핑한 객체를 직접 문자 그대로 만드는 방법이 있습니까? 직접적인 의미는 주석이 달린 변수에 할당할 필요가 없다는 것입니다. 예를 들어, 다음과 같이 할 수 있습니다. export interface BaseInfo { value: number; } export interface MyInfo extends BaseInfo { name: string; } function testA(): BaseInfo = { const result: MyInfo = { value: 1, name: 'Hey!' }; return result; } 또한 다음과 같이 수행할 수 있습니다. function testB(): BaseInfo = { retu..

유형 스크립트를 사용하여 상태 후크 사용에서 받은 배열 표시 use state hook에서 받은 맵을 사용하여 정보 배열을 표시하려고 합니다.지도 함수를 작성할 때 "콜 서명이 없는 유형의 식을 호출할 수 없습니다"라는 메시지가 나타납니다.오류. 동일한 정보를 반환하는 함수를 생성하여 호출해도 오류가 발생하지 않습니다. export default function Portfolio() { const [portfolioData, setPortfoloioData] = useState([]) useEffect(() => { const portfolio: IProject[] = getPortfolio() setPortfoloioData(portfolio) }, []) //Function to display the..

axios 시간 초과 후 알림 받기 저는 액시오스를 이용한 API 호출이 있습니다.타임아웃은 2500밀리초로 설정됩니다.내가 원하는 것은 xios가 시간 초과 후 값을 반환하여 사용자에게 요청이 일부 서버 또는 네트워크 오류로 인해 중단되었음을 알릴 수 있도록 하는 것입니다. 시간 초과 초기화 방법 const instance = axios.create(); instance.defaults.timeout = 2500; 다음은 시간 초과 후 값을 반환해야 하는 함수입니다. _post(url, body, token) { return new Promise((resolve, reject) => { instance .post(url, body, {headers: { 'Accept': 'application/json..

'AppModule' 모듈에서 선언한 예기치 않은 값 'AnyComponent' Angular2를 사용하고 있는데 같은 Typescript 파일에서 두 개의 클래스를 사용하려고 할 때 이 문제가 발생했습니다. 컴파일 시 오류가 발생하지 않지만 페이지를 실행하려고 하면 console.log에서 다음 오류가 발생합니다. Error: BaseException@http://www.my.app/panel-module/node_modules/@angular/compiler//bundles/compiler.umd.js:5116:27 CompileMetadataResolver

Angular2 - 데바운스 시간이 있는 테스트 호출 다음을 사용하여 변경 내용을 검색하는 양식 컨트롤을 사용하고 있습니다.valueChanges그리고.debounceTime나는 스파이 활동을 하는 시험을 쓰고 있습니다.itemService그것을 확인하기 위해update메서드를 호출하는 중입니다.만약 내가 그것을 제거한다면.debounceTime폼 컨트롤에서 테스트는 정상적으로 작동합니다. 구성 요소의 양식 컨트롤입니다. this.itemControl.valueChanges.debounceTime(300).subscribe(response => { this.itemService.update(response); }); 여기 테스트가 있습니다. it('should do stuff', inject([ItemS..

Angular2(TypeScript)의 유닛 테스트/모킹 창 속성 Angular2의 서비스를 위한 유닛 테스트를 만들고 있습니다. 서비스 내에 다음 코드가 있습니다. var hash: string; hash = this.window.location.hash; 하지만 이 코드가 포함된 테스트를 실행하면 실패합니다. Window의 모든 기능을 활용하면 좋겠지만 PhantomJs를 사용하고 있기 때문에 불가능할 것 같습니다(같은 결과를 내는 Chrome도 사용해 보았습니다). AngularJs에서, 저는 $Window(또는 적어도 문제의 속성)를 조롱하는 데 의지했을 것입니다. 하지만 Angular2 유닛 테스트에 대한 문서가 많지 않기 때문에 이것을 어떻게 하는지 잘 모르겠습니다. 누가 도와줄 수 있습니까?..