«angular» etiketlenmiş sorular

Bu daha çok "en iyi uygulamalar" sorusudur. Üç oyuncu vardır: a Component, a Serviceve a Model. ComponentAradığını Servicebir veritabanından almak için veri. ServiceKullanıyor: this.people = http.get('api/people.json').map(res => res.json()); dönmek için Observable. ComponentSadece abone olabilir Observable: peopleService.people .subscribe(people => this.people = people); } Ancak, gerçekten istediğim şey , veritabanından alınan verilerden …

132 angular  observable 

Birkaç tohum projesine bakıyordum ve tüm bileşenlerin bu bileşenden dışa aktaran * bir index.ts var gibi görünüyor. Gerçekte ne için kullanıldığını hiçbir yerde bulamıyorum? Örneğin, https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome Teşekkürler

132 angular 

GÜNCELLEME: Aralık 2018 ('Aniket' cevabına bakın) Angular CLI 6 ile, çıkartma kullanımdan kaldırıldığından ve yakında 8.0'da kaldırılacağından, inşaatçıları kullanmanız gerekir. GÜNCELLEME: Haziran 2018: Angular 6, çıkarmayı desteklemiyor ** GÜNCELLEME: Şubat 2017: çıkartmayı kullanma GÜNCELLEME: Kasım 2016: angular-cli artık yalnızca web paketini kullanıyor. Yalnızca npm install -g angular-cli ile normal olarak …

132 angular  webpack  angular-cli 

Bu kolay görünüyor, ancak herhangi bir çözüm bulamadım. Peki, uygulamamın üretim modunda mı yoksa geliştirme modunda mı çalıştığını nasıl kontrol ederim?

132 angular  production 

Angular2'de yeniyim. Bir bileşen oluşturmaya çalıştım, ancak bir hata gösteriyor. Bu app.component.tsdosya. 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' } Oluşturmak istediğim bileşen bu. import …

132 angular  typescript 

Komutla birlikte angular-cli kullanarak ng serve, --portbayrağı her seferinde manuel olarak geçirmeme gerek kalmaması için varsayılan bir bağlantı noktasını nasıl belirleyebilirim ? Varsayılan 4200 bağlantı noktasından değiştirmek istiyorum.

131 angular  angular-cli 

Bağlı olan bir Ionicuygulama ( 2.0.0-rc0) üzerinde çalışıyorum angular 2. Böylece yeni giriş ngModulesdahildir. app.module.ts.Aşağıya ekliyorum . 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 

Bir Bileşenim ve Hizmetim var: Bileşen: 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); } } Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet Hizmet: @Injectable() export class PersonService { getPersons(){ var persons: Person[] = [ {id: …

131 angular  typescript  angular2-services 

Müşteri için Angular 2 kullanan kurumsal bir uygulamamız var. Müşterilerimizin her birinin kendi benzersiz url'si vardır, örn: https://our.app.com/customer-oneve https://our.app.com/customer-two. Şu anda <base href...>kullanarak dinamik olarak ayarlayabiliyoruz document.location. Böylece kullanıcı vurur https://our.app.com/customer-twove <base href...>ayarlanır /customer-two... mükemmel! Sorun, kullanıcı örneğin adresindeyse https://our.app.com/customer-two/another-pageve sayfayı yenilerse veya bu url'ye doğrudan ulaşmaya çalışırsa, <base href...>ayarlanır …

131 angular 

Ben Açısal hatasının düzeltilmesi yardım arayan öğreniyorum: Ben bu bağlantıyı takip ediyorum https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md bir açısal küçük oluşturun angular2 ve angularfirestore2 ile uygulama ancak hizmete bastığımda tarayıcı konsolunda aşağıdaki hatayı alıyorum .. StaticInjectorError[AngularFirestore]: StaticInjectorError[AngularFirestore]: NullInjectorError: No provider for AngularFirestore! at _NullInjector.get (core.js:923) at resolveToken (core.js:1211) at tryResolveToken (core.js:1153) at StaticInjector.get (core.js:1024) …

131 angular  firebase  google-cloud-firestore  angularfire2 

Angular 2 hakkında bilgi edinmeye başlayan bir Angular 1 geliştiricisiyim. Eğitim materyaline bağlı olarak birçok farklı klasör yapısı yöntemi vardır. Her birini aşağıda listeleyeceğim ve kullanmam gereken ve neden kullanmam gerektiği konusunda insanların fikirlerini almayı çok isterim. Ayrıca, listelenmemiş bir yöntem varsa ancak daha iyi çalıştığını düşünüyorsanız, lütfen bunu listelemekten …

130 angular 

Angular 2 Alpha 28'de bazı şeyler yapmaya çalışıyorum ve sözlükler ve NgFor ile ilgili bir sorun yaşıyorum. TypeScript'te şöyle görünen bir arayüzüm var: interface Dictionary { [ index: string ]: string } JavaScript'te bu, verilerle aşağıdaki gibi görünebilecek bir nesneye çevrilir: myDict={'key1':'value1','key2':'value2'} Bunu tekrarlamak istiyorum ve bunu denedim: <div *ngFor="(#key, …

130 angular 

Kapalı. Bu soru Yığın Taşması yönergelerini karşılamıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Stack Overflow için konuya uygun olması için soruyu güncelleyin . 2 yıl önce kapalı . Bu soruyu geliştirin Https://angular.io adresindeki eğiticiyi takip ediyorum ve belgeleri bulmakta sorun yaşıyorum; özellikle yöntemler için pipeve …

130 angular 

Çağırmak istediğim bir yönteme sahip bir alt bileşen oluşturdum. Bu yöntemi çağırdığımda, yalnızca console.log()satırı ateşler , testözelliği ayarlamaz ?? Aşağıda değişikliklerimle hızlı başlangıç ​​Angular uygulaması var. ebeveyn import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: 'my-app', template: ` <button (click)="submit()">Call Child Component Method</button> ` …

130 angular  typescript  angular-components 

Bunu ilk soran ben olmadığımı biliyorum, ancak önceki sorularda bir cevap bulamıyorum. Bunu tek bileşenim var <div class="col-sm-5"> <laps [lapsData]="rawLapsData" [selectedTps]="selectedTps" (lapsHandler)="lapsHandler($event)"> </laps> </div> <map [lapsData]="rawLapsData" class="col-sm-7"> </map> Denetleyicide rawLapsdatazaman zaman mutasyona uğrar. İçinde laps, veriler tablo biçiminde HTML olarak çıkarılır. Bu her rawLapsdatadeğiştiğinde değişir. Benim mapbileşen ihtiyaçları kullanmak ngOnChangesbir …

129 angular