«angular» 태그된 질문

각도 2 제공 @ViewChild, @ViewChildren, @ContentChild및 @ContentChildren구성 요소의 하위 요소를 쿼리 장식. 첫 번째와 두 번째의 차이점은 무엇입니까?

189 angular 

내 월드 와이드 interweb 주위 meanderings, 지금 특히에서 angular.io 스타일 문서 , 나는 많은 참조를 발견 @HostBinding하고 @HostListener. 그것들은 매우 근본적인 것처럼 보이지만 불행히도 현재 그들에 대한 문서는 약간 스케치입니다. 누구든지 자신이 무엇인지, 어떻게 작동하는지 설명하고 사용법의 예를 들어 줄 수 있습니까?

188 angular  angular-services 

우리는 회사에서 자체 양식 필드 구성 요소를 구축하려고합니다. 우리는 다음과 같이 머티리얼 디자인의 컴포넌트를 감싸려고합니다. 들: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> 텍스트 상자 : <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> 용법: <textbox value="test" hint="my hint"></textbox> 결과는 …

187 angular  angular-material2 

Angular 2 –를 사용하여 다른 경로로 이동하는 방법 this.router.parent.navigate('/about'). 작동하지 않는 것 같습니다. 나는 location.go("/about");그것이 효과가 없었던 것처럼 노력 했다. 기본적으로 사용자가 로그인하면 다른 페이지로 리디렉션하고 싶습니다. 아래 코드는 다음과 같습니다. import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthService} from '../../authService'; //Model class …

186 angular  typescript  angular2-routing 

나는 비디오를보고 기사를 읽었지만이 특정 기사 는 기사의 시작 부분에서 나를 혼란스럽게 만듭니다. Angular의 응용 프로그램은 모듈 식 구조를 따릅니다. Angular 앱에는 각각 단일 용도 전용 모듈이 많이 있습니다. 일반적으로 모듈은 다른 모듈과 통합되어 Angular 앱을 실행하는 응집력있는 코드 그룹입니다. 모듈은 코드에서 일부 클래스, 함수 및 값을 내 보냅니다. 구성 …

186 angular  module  components 

angular2 코드 예제를 보면 $ 부호가있는 일부 공용 속성이 표시됩니다. <....> private missionAnnouncedSource = new Subject<string>(); private missionConfirmedSource = new Subject<string>(); // Observable string streams missionAnnounced$ = this.missionAnnouncedSource.asObservable(); missionConfirmed$ = this.missionConfirmedSource.asObservable(); <....> 누구나 설명 할 수 있습니까? 왜 $가 사용 되는가? 공용 속성은 사용되지만 메서드는 사용되지 않습니다 (예 : missionAnnouncements …

185 angular 

Angular2에서 로컬 호스트 외부의 액세스를 허용하려면 어떻게합니까? localhost:3030/panel쉽게 탐색 할 수 있지만와 같은 IP를 작성할 때 탐색 할 수 없습니다 10.123.14.12:3030/panel/. 어떻게 고칠 수 있습니까? npm(노드 프로젝트 관리-노드 설치 / 노드 시작)을 사용하여 프로젝트를 설치하고 실행 하지 않습니다 . 원하는 경우 내 package.json및을 제공 할 수 있습니다 index.html.

184 angular  typescript  ng-build 

나는 관련 질문을 읽고 있던 나는 발견 이 하나 ,하지만 생산 모드로 개발 전환 할 수있는 방법을 내 질문입니다. 여기서 지적한 모드 사이에는 약간의 차이가 있습니다 . 콘솔에서 볼 수는 ....Call enableProdMode() to enable the production mode.있지만 해당 메소드를 호출 해야하는 유형의 인스턴스가 확실하지 않습니다. 누군가이 질문에 대답 할 수 …

182 angular 

angular2 클라이언트를 개발하는 WebApi / MVC 앱이 있습니다 (MVC를 대체하기 위해). Angular가 파일을 저장하는 방법을 이해하는 데 문제가 있습니다. 요청은 괜찮습니다 (MVC에서 잘 작동하고 수신 된 데이터를 기록 할 수 있음). 다운로드 된 데이터를 저장하는 방법을 알 수 없습니다 (주로이 게시물 과 동일한 논리를 따르고 있습니다 ). 나는 그것이 어리석게 …

182 angular  typescript  download  fileapi 

Angular 2에서 구성 요소를 다시 렌더링하는 방법은 무엇입니까? Redux로 작업하는 디버그 목적으로 구성 요소가 다시 렌더링되도록 강제하고 싶습니다. 가능합니까?

181 angular  angular2-changedetection 

내 코드는 다음과 같습니다. import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charset=utf-8'); this.http.post(url, body, {headers: headers}).subscribe( (data) => { console.log(data); }, (err: HttpErrorResponse) => { if …

181 angular  http-headers  angular-httpclient 

router.navigate를 사용하여 데이터를 매개 변수로 보낼 수 있습니까? 나는, 같은 뜻 이 당신이 경로 데이터 매개 변수가 볼 수 있지만이 일을이 작동하지 않습니다으로, 예를 들어 : this.router.navigate(["heroes"], {some-data: "othrData"}) 일부 데이터는 유효한 매개 변수가 아니기 때문입니다. 어떻게해야합니까? queryParams와 함께 매개 변수를 보내고 싶지 않습니다.

181 angular  routing  angular-router 

angular 5.0.3을 사용하고 /app?param1=hallo&param2=123있습니다. 와 같은 쿼리 매개 변수를 사용하여 응용 프로그램을 시작하고 싶습니다 . Angular 2의 URL에서 쿼리 매개 변수를 얻는 방법에 나와있는 모든 팁은 무엇입니까? 나를 위해 작동하지 않습니다. 쿼리 매개 변수가 작동하는 방법에 대한 아이디어가 있습니까? private getQueryParameter(key: string): string { const parameters = new URLSearchParams(window.location.search); return …

181 angular  typescript  angular-routing 

Angular 2 라우트에 선택적 라우트 매개 변수를 사용할 수 있습니까? RouteConfig에서 Angular 1.x 구문을 시도했지만 아래 오류가 발생했습니다. "원본 예외 : 경로"/ user / : id? "에 경로 구성에서 허용되지 않는"? "가 포함되어 있습니다." @RouteConfig([ { path: '/user/:id?', component: User, as: 'User' }])

180 javascript  angular 

나는 각도 2를 배우고 있으며 처음으로 각도 CLI 프로젝트를 사용하여 샌드 박스 프로젝트를 만들고 있습니다. "ng serve"명령을 실행할 수 있었고 훌륭하게 작동합니다. "Control Z"를 실행하도록 실행을 중지하고 싶었습니다. "ng-serve"명령을 다시 실행하려고하면 "포트 4200이 이미 사용 중입니다"라는 메시지가 표시됩니다. PID 목록을 얻기 위해 "PS"를 실행하고 angular-cli에 대한 PID를 종료하고 "ng-serve"를 다시 …

179 angular