Запитання з тегом «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); } Однак мені дуже хочеться Serviceповернути Array of Modelоб'єкти, створені …

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); // Trouble …

132 http  typescript  angular  observable 

ОНОВЛЕННЯ: грудень 2018 року (див. Відповідь "Анікет") За допомогою Angular CLI 6 вам потрібно використовувати будівельники, оскільки викидання ng застаріле і незабаром буде видалено в 8.0 ОНОВЛЕННЯ: червень 2018: Кутовий 6 не підтримує витяг ** ОНОВЛЕННЯ: лютий 2017: використовуйте витяг ОНОВЛЕННЯ: листопад 2016 року: angular-cli тепер використовують лише веб-пакет. Вам …

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' } Це компонент, який я …

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 ], …

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... ідеально! Проблема полягає в тому, якщо користувач є, наприклад, …

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'} Я …

130 angular 

Я створив дочірній компонент, у якому є метод, до якого потрібно звернутися. Коли я викликаю цей метод, він запускає лише console.log()рядок, він не встановить testвластивість ?? Нижче наведено швидкий запуск програми Angular зі своїми змінами. Батьківський import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: …

130 angular  typescript  angular-components 

Я розробник Angular 1, який починає дізнаватися про Angular 2. Існує дуже багато різних методів структури папок, залежно від навчального матеріалу. Я перелічу кожного з них нижче, і мені б хотілося отримати думку людей щодо того, що мені слід використовувати і чому. Крім того, якщо є метод, який немає в …

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 в …

129 angular 

У мене є простий компонент, який викликає REST api кожні кілька секунд і отримує назад деякі дані JSON. З моїх заяв журналу та мережевого трафіку я бачу, що дані JSON, що повертаються, змінюються, і моя модель оновлюється, однак подання не змінюється. Мій компонент виглядає так: import {Component, OnInit} from 'angular2/core'; …

129 angular