«angular» 태그된 질문

사용자가 내 Angular 2 앱의 특정 페이지를 떠나기 전에 저장되지 않은 변경 사항에 대해 경고하고 싶습니다. 일반적으로을 사용 window.onbeforeunload하지만 단일 페이지 응용 프로그램에서는 작동하지 않습니다. 앵귤러 1에서 $locationChangeStart이벤트에 연결 confirm하여 사용자를 위해 상자 를 던질 수 있지만 앵귤러 2에서이 작업을 수행하는 방법 또는 해당 이벤트가 여전히 존재하는지 보여주는 내용을 본 …

112 angular  angular2-routing 

( npm install -g angular-cli)를 사용하여 angular-cli를 전역 적으로 설치 했지만 사용하여 프로젝트를 만들려고 할 때 ng new my-project오류가 발생합니다. ng : 명령을 찾을 수 없습니다.

112 angular  npm  angular-cli 

Angular 2 구성 요소 코드에 TypeScript 버전 2를 사용하고 있습니다. 아래 코드에 대해 "속성 '값'이 'EventTarget'유형에 존재하지 않습니다."라는 오류가 발생합니다. 감사! e.target.value.match (/ \ S + / g) || []).길이 import { Component, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'text-editor', template: ` <textarea (keyup)="emitWordCount($event)"></textarea> ` }) export class TextEditorComponent …

112 angular  typescript 

Angular 5에서 사용자 지정 유효성 검사를 시도하지만 다음 오류가 발생합니다. Expected validator to return Promise or Observable 값이 필수와 일치하지 않는 경우 양식에 오류를 반환하고 싶습니다. 여기에 내 코드가 있습니다. 이것은 내 양식이있는 구성 요소입니다. constructor(fb: FormBuilder, private cadastroService:CadastroService) { this.signUp = fb.group({ "name": ["", Validators.compose([Validators.required, Validators.minLength(2)])], "email": ["", Validators.compose([Validators.required, …

112 javascript  angular  angular5  angular-forms  angular-validation 

ng-for루프 내에 단일 셀 구성 요소 집합이 있습니다. 모든 것이 제자리에 있지만 적절한 것을 파악할 수없는 것 같습니다. 현재 나는 setTimeout(() => { scrollToBottom(); }); 그러나 이미지가 비동기 적으로 뷰포트를 아래로 내리기 때문에 항상 작동하지는 않습니다. Angular 2에서 채팅 창 하단으로 스크롤하는 적절한 방법은 무엇입니까?

111 scroll  typescript  angular 

TypeScript에서 localstorage. windowAngular 1.x와 같은 전역 변수를 참조하고 싶지 않기 때문에 브라우저 개체에 대한 참조를 내 서비스 에 삽입하고 싶습니다 $window. 어떻게하나요?

111 angular  typescript  dependency-injection 

저는 현재 Angular 2를 사용 @Output() addTab = new EventEmitter<any>();하고 있습니다. 일반적으로 우리는 addTab.emit()부모 구성 요소에 이벤트를 내 보냅니다. 부모에서 자식으로 반대로 할 수있는 방법이 있습니까?

111 angular  typescript 

우리는 하나의 angular2 프로젝트를 설정하고 내부에 하나의 모듈 (my-module)을 생성했고 그 모듈 내부에 다음 cmd 명령을 사용하여 하나의 컴포넌트 (my-new-component)를 생성했습니다. ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component 설정 및 모든 구성 요소를 만든 후 ng testangular2test 폴더 내의 cmd에서 명령을 실행했습니다 . 아래 …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

이 둘의 차이점은 무엇이며 각각의 사용 사례는 무엇입니까? 문서는 정확하게 도움이되지 않습니다 : forRoot는 모든 지시문, 지정된 경로 및 라우터 서비스 자체를 포함하는 모듈을 만듭니다. forChild는 모든 지시문과 지정된 경로를 포함하지만 라우터 서비스는 포함하지 않는 모듈을 만듭니다. 내 모호한 추측은 하나는 '메인'모듈 용이고 다른 하나는 가져온 모듈 용이라는 것입니다 (메인 …

111 angular  router 

이 문서를 참조 하고 컴파일 개념을 발견했습니다. JIT 또는 AOT 컴파일을 사용할 수 있습니다. 그러나 나는 그것이 매우 간단하다는 것을 알았고 다음과 같은 세부 사항을 알아야합니다. 이 두 기술의 차이점 언제 무엇을 사용할 지에 대한 권장 사항

111 angular  compilation 

내 서버에 http 요청을 수행하고 데이터를 가져 오는 Observable을 반환하는 서비스가 있습니다. 이 데이터를 사용하고 싶지만 항상 undefined. 뭐가 문제 야? 서비스 : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new Headers({ 'Content-Type': 'application/json' }); let options = new RequestOptions({ headers: headers …

110 javascript  angular  asynchronous  typescript  observable 

ng serve소스 파일이 변경 될 때마다 실행해야합니다 . 콘솔에 오류가 없습니다. Angular CLI: 1.6.2 Node: 8.9.1 OS: linux ia32 Angular: 5.1.2 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cdk: 5.0.2-c3d7cd9 @angular/cli: 1.6.2 @angular/material: 5.0.3-e20d8f0 @angular-devkit/build-optimizer: 0.0.36 @angular-devkit/core: 0.0.22 @angular-devkit/schematics: 0.0.42 @ngtools/json-schema: 1.1.0 @ngtools/webpack: …

110 angular 

나는 RC4에 있고 내 템플릿 때문에 "exportAs"가 "ngForm"으로 설정된 지시문이 없습니다 . 오류 가 발생합니다 . <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts : import {disableDeprecatedForms, provideForms} from …

109 angular  typescript  angular2-forms 

내 Angular 2 구성 요소에는 Observable 배열이 있습니다. list$: Observable<any[]>; 내 템플릿에는 <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> 그러나 Observable 배열의 경우 list $ .length는 작동하지 않습니다. 최신 정보: 그것은 그 보인다 길이는? | (비동기 목록을 $) : 우리에게 길이를 …

109 angular  observable  angular2-template  angular2-services 

내 전체 페이지에 함수를 바인딩하는 방법을 찾고 있습니다 (사용자가 키를 누를 때 내 구성 요소에서 함수를 트리거하고 싶습니다). AngularJS에서 a를 사용하는 것은 쉬웠 ng-keypress지만 (keypress)="handleInput($event)". 전체 페이지에서 div 래퍼로 시도했지만 작동하지 않는 것 같습니다. 초점이있을 때만 작동합니다. <div (keypress)="handleInput($event)" tabindex="1">

109 typescript  angular  keypress  key-bindings