«angular» etiketlenmiş sorular

Bir angular2 proje kurulumu yaptık ve bunun içinde bir modül (my-module) oluşturduk ve bu modülün içinde aşağıdaki cmd komutlarını kullanarak bir bileşen (my-new-component) oluşturduk: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Kurulumu ve tüm bileşenleri oluşturduktan sonra, ng testangular2test klasörü içinde cmd'den komut çalıştırdık …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

Sunucuma bir http isteği yapan ve verileri alan bir gözlemlenebilir olanı döndüren hizmetim var. Bu verileri kullanmak istiyorum ama her zaman elde ederim undefined. Sorun ne? Hizmet : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new Headers({ 'Content-Type': 'application/json' }); let options …

110 javascript  angular  asynchronous  typescript  observable 

ng serveKaynak dosyalarda herhangi bir değişiklik yapıldığında her seferinde çalıştırmam gerekiyor.Konsolda herhangi bir hata yok. Angular CLI: 1.6.2 Node: 8.9.1 OS: linux ia32 Angular: 5.1.2 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cdk: 5.0.2-c3d7cd9 @angular/cli: 1.6.2 @angular/material: 5.0.3-e20d8f0 @angular-devkit/build-optimizer: 0.0.36 @angular-devkit/core: 0.0.22 @angular-devkit/schematics: …

110 angular 

Borular, şablondaki verileri (formatları) dönüştürmek için filtrelerdir. İşleve pipe()aşağıdaki gibi rastladım . Bu pipe()işlev bu durumda tam olarak ne anlama geliyor? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

110 angular  rxjs  angular-pipe  rxjs-pipe 

Bu rollere göre uygulamanın bazı bölümlerinde gezinmeyi engellemek için korumaları kullanmam gereken birçok role sahip bir uygulama üzerinde çalışıyorum. Her rol için ayrı koruma sınıfları oluşturabileceğimi fark ediyorum, ancak bir şekilde bir parametre geçirebileceğim bir sınıfa sahip olmayı tercih ederim. Başka bir deyişle, buna benzer bir şey yapabilmek isterim: { …

110 angular  typescript  angular2-routing 

Bunu yapmanın bir yolunu bulmakta zorlanıyorum. Bir üst bileşende, şablon a tableve theadelemanını açıklar , ancak tbodybunu başka bir bileşene oluşturan temsilciler şunun gibi: <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody *ngFor="let entry of getEntries()"> <my-result [entry]="entry"></my-result> </tbody> </table> Her myResult bileşeni tr, temelde şu şekilde kendi etiketini oluşturur: …

110 javascript  angular 

RC4'teyim ve hatayı alıyorum Şablonum nedeniyle "exportAs" "ngForm" olarak ayarlanmış bir yönerge yok : <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts: import {disableDeprecatedForms, provideForms} from '@angular/forms'; import {bootstrap} …

109 angular  typescript  angular2-forms 

ng-2 ebeveyn-çocuk veri kalıtımı benim için bir zorluk oldu. İyi çalışan pratik bir çözüm gibi görünen şey, toplam veri dizimi yalnızca tek bir ana kimlik tarafından referans verilen alt verilerden oluşan bir diziye filtrelemektir. Başka bir deyişle: veri devralma, bir üst kimlik tarafından veri filtrelemeye dönüşür. Somut bir örnekte, bu …

109 arrays  filter  typescript  angular 

Angular 2 bileşenimde bir Gözlemlenebilir dizim var list$: Observable<any[]>; Şablonumda var <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> Ancak $ .length listesi, Gözlemlenebilir dizi durumunda çalışmaz. Güncelleme: Görünüşe göre (list $ | async) ?. length bize uzunluğu veriyor, ancak aşağıdaki kod …

109 angular  observable  angular2-template  angular2-services 

Bir işlevi tüm sayfama bağlamanın bir yolunu arıyorum (bir kullanıcı bir tuşa bastığında, bileşenimdeki bir işlevi tetiklemesini istiyorum) AngularJS'de a ile kolaydı ng-keypressama ile çalışmıyor (keypress)="handleInput($event)". Tüm sayfada bir div sarmalayıcıyla denedim ama işe yaramıyor gibi görünüyor. sadece odak noktası üzerindeyken çalışır. <div (keypress)="handleInput($event)" tabindex="1">

109 typescript  angular  keypress  key-bindings 

En son Angular 2 sürüm adayına yükselttiğimden beri imgetiketlerim: <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> bir tarayıcı hatası veriyor: ORİJİNAL İSTİSNA: Hata: kaynak URL bağlamında kullanılan güvenli olmayan değer URL'nin değeri: http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg DÜZENLE: Diğer çözümde yapılan, bu sorunun bir kopyası olması gerektiği önerisini denedim ama aynı hatayı alıyorum. Denetleyiciye aşağıdaki kodu ekledim: …

109 angular 

ngIfFazladan bir kap elemanı olmadan kullanabilir miyim ? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> Bir tabloda çalışmaz çünkü bu geçersiz HTML yapar.

109 html  templates  angular 

<div> <input #ipt type="text"/> </div> Şablon erişim değişkenine bileşen sınıfından erişmek mümkün mü? yani, buradan erişebilir miyim, class XComponent{ somefunction(){ //Can I access #ipt here? } }

109 angular  typescript  angular2-template 

Seçeneklerin bir dizide tanımlanan tüm nesneler olduğu bir mat-select'im var. Değeri varsayılan olarak seçeneklerden birine ayarlamaya çalışıyorum, ancak sayfa oluşturulduğunda seçili olarak bırakılıyor. Typescript dosyam şunları içerir: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = this.options2[1].id; HTML dosyam şunları içeriyor: <div> <mat-select …

109 angular  typescript  angular-material2 

Angular'da oldukça yeniyim, bu yüzden bunu yapmak için en iyi uygulamanın ne olduğundan emin değilim. ng new some-projectYeni bir uygulama oluşturmak için açısal-cli kullandım . İçinde "varlıklar" klasöründe bir "resimler" klasörü oluşturdu, bu nedenle artık resimler klasörüm src/assets/images In app.component.html(benim uygulamanın kök olan), ben koymak <img class="img-responsive" src="assets/images/myimage.png"> Ben ne …

109 html  angular  angular-cli