«angular» 태그된 질문

이것은 "모범 사례"질문입니다. 선수는 a Component, a Service및 a Model입니다. 가 Component호출되는 Service데이터베이스에서 얻을 수있는 데이터를. 은 Service사용입니다 : this.people = http.get('api/people.json').map(res => res.json()); 을 반환합니다 Observable. 는 다음 Component을 구독 할 수 있습니다 Observable. peopleService.people .subscribe(people => this.people = people); } 그러나 실제로 원하는 것은 데이터베이스 에서 검색 한 …

132 angular  observable 

몇 가지 시드 프로젝트를 살펴본 결과 모든 구성 요소에 해당 구성 요소에서 *를 내보내는 index.ts가있는 것 같습니다. 실제로 사용되는 곳을 찾을 수 없습니까? 예 : https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome 감사

132 angular 

내 코드의 일부 : import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // …

132 http  typescript  angular  observable 

업데이트 : 2018 년 12 월 ( 'Aniket'답변 참조) Angular CLI 6에서는 ng eject가 더 이상 사용되지 않으며 8.0에서 곧 제거 될 예정이므로 빌더를 사용해야합니다. 업데이트 : 2018 년 6 월 : Angular 6은 ng eject를 지원하지 않습니다 ** 업데이트 : 2017 년 2 월 : ng eject 사용 업데이트 …

132 angular  webpack  angular-cli 

저는 Angular2에서 처음입니다. 구성 요소를 만들려고했지만 오류가 표시됩니다. 이것은 app.component.ts파일입니다. import { Component } from '@angular/core'; import { MyComponentComponent } from './my-component.component'; @Component({ selector: 'my-app', template: ` <h1>Hello {{name}}</h1> <h4>Something</h4> <my-component></my-component> `, directives: [MyComponentComponent] }) export class AppComponent { name = 'Sam' } 이것이 제가 만들고 싶은 구성 요소입니다. import …

132 angular  typescript 

이것은 쉬운 것처럼 보이지만 해결책을 찾지 못했습니다. 그렇다면 앱이 프로덕션 모드 또는 개발자 모드에서 실행되고 있는지 어떻게 확인합니까?

131 angular  production 

에 의존 하는 Ionic앱 ( 2.0.0-rc0) 작업 중입니다 angular 2. 그래서 새로운 소개 ngModules가 포함되었습니다. app.module.ts.아래에 추가하고 있습니다. import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; @NgModule({ declarations: [ MyApp, Users ], imports: …

131 angular  angular-components  angular-module 

구성 요소와 서비스가 있습니다. 구성 요소: export class WebUserProfileViewComponent { persons: Person []; personId: number; constructor( params: RouteParams, private personService: PersonService) { this.personId = params.get('id'); this.persons = this. personService.getPersons(); console.log(this.personId); } } 코드 조각 실행결과 숨기기스 니펫 확장 서비스: @Injectable() export class PersonService { getPersons(){ var persons: Person[] = [ …

131 angular  typescript  angular2-services 

클라이언트에 Angular 2를 사용하는 엔터프라이즈 앱이 있습니다. 고객마다 고유 한 URL (예 : https://our.app.com/customer-one및)이 https://our.app.com/customer-two있습니다. 현재 우리 <base href...>는를 사용 하여 동적으로 설정할 수 document.location있습니다. 사용자 안타 그래서 https://our.app.com/customer-two및 <base href...>설정됩니다 /customer-two... 딱! 문제는 사용자가 예를 들어 https://our.app.com/customer-two/another-page페이지를 새로 고치거나 해당 URL을 직접 입력하려고 <base href...>하면로 설정되고 /customer-two/another-page리소스를 찾을 수 …

131 angular 

angular-cli를 ng serve명령 과 함께 사용하면 --port매번 수동으로 플래그를 전달할 필요가 없도록 기본 포트를 어떻게 지정할 수 있습니까? 기본 포트 4200에서 변경하고 싶습니다.

130 angular  angular-cli 

Angular 2 Alpha 28에서 몇 가지 작업을 시도하고 있으며 사전 및 NgFor에 문제가 있습니다. TypeScript에 다음과 같은 인터페이스가 있습니다. interface Dictionary { [ index: string ]: string } JavaScript에서 이것은 데이터가있는 객체로 변환됩니다. myDict={'key1':'value1','key2':'value2'} 나는 이것을 반복하고 이것을 시도하고 싶다. <div *ngFor="(#key, #value) of myDict">{{key}}:{{value}}</div> 그러나 소용이 없었지만 아래 중 …

130 angular 

호출하려는 메서드가있는 자식 구성 요소를 만들었습니다. 이 메서드를 호출하면 console.log()줄만 실행 하고 test속성을 설정하지 않습니까 ?? 아래는 변경 사항이 적용된 빠른 시작 Angular 앱입니다. 부모의 import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: 'my-app', template: ` <button (click)="submit()">Call Child Component Method</button> ` }) export …

130 angular  typescript  angular-components 

저는 Angular 2에 대해 배우기 시작한 Angular 1 개발자입니다. 교육 자료에 따라 다양한 유형의 폴더 구조 방법이 있습니다. 아래에 각 항목을 나열하고 사용해야 할 사람들의 의견과 그 이유를 알고 싶습니다. 또한 나열되지 않은 방법이 있지만 더 잘 작동한다고 생각되면 자유롭게 나열하십시오. 이 모든 것을 살펴보면 방법 # 3은 Angular 1 …

129 angular 

나는 이것에 대해 처음으로 질문하지는 않지만 이전 질문에서 답을 찾을 수 없다는 것을 알고 있습니다. 나는 이것을 하나의 구성 요소로 가지고 있습니다. <div class="col-sm-5"> <laps [lapsData]="rawLapsData" [selectedTps]="selectedTps" (lapsHandler)="lapsHandler($event)"> </laps> </div> <map [lapsData]="rawLapsData" class="col-sm-7"> </map> 컨트롤러 rawLapsdata에서 때때로 변경됩니다. 에서 laps, 데이터는 표 형식으로 HTML로서 출력된다. 변경 될 때마다 rawLapsdata변경됩니다. 내 …

129 angular 

몇 초마다 REST API를 호출하고 일부 JSON 데이터를 다시받는 간단한 구성 요소가 있습니다. 내 로그 문과 네트워크 트래픽에서 반환되는 JSON 데이터가 변경되고 내 모델이 업데이트되고 있지만보기는 변경되지 않습니다. 내 구성 요소는 다음과 같습니다. import {Component, OnInit} from 'angular2/core'; import {RecentDetectionService} from '../services/recentdetection.service'; import {RecentDetection} from '../model/recentdetection'; import {Observable} from 'rxjs/Rx'; …

129 angular