«angular» 태그된 질문

angular2 2.0.0-beta.0으로 실험 중입니다. 테이블이 있고 줄 내용은 다음과 같이 angular2에 의해 생성됩니다. <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> 이제 이것은 작동하며 내용을 "테이블 라인"컴포넌트로 캡슐화하고 싶습니다. <table> <table-line *ngFor="#line of data" [data]="line"> </table-line> </table> 구성 요소에서 템플릿에는 <tr> <td> 콘텐츠가 있습니다. 그러나 이제 테이블은 더 …

99 angular 

내가 사용하고 ReactiveFormsModule양식을 포함하는 구성 요소를 만들 수 Angular2의. 내 코드는 다음과 같습니다. foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (사용 [formControl]) : <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div …

99 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

markAsDirty내부의 모든 컨트롤 을 원합니다 FormGroup.

99 angular 

EventEmitter.emit()과 의 차이점은 무엇입니까 EventEmitter.next()? 둘 다 구독 된 리스너에게 이벤트를 전달합니다. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } EventEmitter에 대한 documenation는 순간에 그렇게 도움이되지 않습니다.

98 angular  angular2-services 

본문 을 앱 선택기로 만들고 호스트 바인딩을 사용 하지 않고 본문 태그에 클래스 를 추가하려면 어떻게 해야합니까? 렌더러를 사용해 보았지만 몸 전체가 바뀝니다 본문 태그의 Angular 2.x 바인드 클래스 저는 큰 angular2 앱에서 작업 중이며 루트 선택기를 변경하면 많은 코드에 영향을 미치므로 많은 코드를 변경해야합니다. 내 사용 사례는 다음과 같습니다. …

98 angular 

이 코드를 Angualr 1에서 Angular 2로 번역 할 수 없습니다. ng-repeat="todo in todos | orderBy: 'completed'" 이것은 Thierry Templier의 답변에 따라 내가 한 일입니다. 구성 요소 템플릿 : *ngFor="#todo of todos | sort" 구성품 코드 : @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) 파이프 코드 …

98 angular  angular2-template  angular-pipe 

github 저장소 (angular 7 및 angular-cli 포함)를 개발 중이며 마스터 브랜치에서 작업하는 Karma 및 Jasmine에 대한 몇 가지 테스트가 있습니다. 이제 지연 로딩 기능을 추가하려고합니다. 문제는 이전에 통과 한 테스트가 지금은 그렇지 않다는 것입니다. 지연 로딩 모듈의 테스트 만 실패하기 때문에 재밌습니다 ... 다음은 코드와 오류입니다. import {async, TestBed} from …

98 javascript  angular  karma-runner  karma-jasmine  angular-cli 

Observable이있는 함수에 의해 반환되도록 Observable에서 값을 추출하는 방법을 모르겠습니다. 반환 할 값만 있으면됩니다. 작동하는 현재 버전 function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() 이 기능이 작동하고 값을 반환하는 기능이 필요합니다. function getValueFromObservable() { this.store.subscribe( (data:any) => { return data } ) } console.log(getValueFromObservable()) 내가 여기서 …

98 typescript  angular  rxjs  rxjs5 

저는 Angular를 처음 사용합니다. 나는 그것을 배우기 위해 Tour of Heroes를 시작했습니다. 그래서, 나는 창조하고 app.component함께 two-way결합. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, styleUrls: …

97 angular 

나는에 변화를 감지하려고 시도하고 ngModelA의 <select>태그입니다. 각도 1.x에서, 우리는 함께이 문제를 해결 수 $watch에 ngModel, 또는 사용하여 ngChange,하지만 난에 변화를 감지하는 방법을 이해 아직했습니다 ngModel코너 2. 전체 예 : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) @View({ directives: [FORM_DIRECTIVES], template: ` …

97 javascript  angular 

모든 서비스가 주입되어야하는 angular2 구성 요소 집합이 있습니다. 첫 번째 생각은 수퍼 클래스를 만들고 거기에 서비스를 주입하는 것이 가장 좋을 것이라고 생각했습니다. 내 구성 요소 중 하나가 해당 수퍼 클래스를 확장하지만이 접근 방식은 작동하지 않습니다. 단순화 된 예 : export class AbstractComponent { constructor(private myservice: MyService) { // Inject the …

97 inheritance  angular  typescript  inject  typescript1.8 

저는 지난 4 년 동안 AngularJS 1. *를 즐겁게 작업 한 후 현재 Angular2와 TypeScript를 가르치려고 노력하고 있습니다! 나는 그것을 싫어한다는 것을 인정해야하지만 내 유레카 순간이 곧 다가오고 있다고 확신합니다 ... 어쨌든 JSON을 제공하는 전화 백엔드에서 http 데이터를 가져 오는 더미 앱에 서비스를 작성했습니다. import {Injectable} from 'angular2/core'; import {Http, …

96 typescript  angular  observable  rxjs 

누군가 <ng-container>와 <ng-template>요소 사용의 차이점을 설명해 주 시겠습니까? 문서를 찾을 수 없었고 NgContainer템플릿 태그의 차이점을 이해하지 못했습니다. 각각의 코드 예제가 큰 도움이 될 것입니다.

96 angular 

소수점 이하 2 자리로 숫자를 제한하고 그 숫자를 통화 금액 (예 : £ 2.55)으로 바꾸는 예를 찾았습니다. {{ number | currency : 'GBP' : true : '1.2-2'}} 통화를 적용하지 않고 동일한 작업을 수행하는 간단한 파이프가 있습니까?

96 angular  pipe  decimal 

Angular 2에 타이머가 필요합니다.이 타이머는 시간 간격을두고 작업을 수행합니다 (일부 함수를 호출 할 수 있음). Angular 2로이 작업을 수행하는 방법은 무엇입니까?

95 javascript  angular