«angular» etiketlenmiş sorular

Yakın zamanda angular.js 1 yerine angular 4 kullanmaya başladım. Açısal 4'ün temellerini öğrenmek için kahramanlar eğitimini takip ettim ve şu anda "@ angular / router" paketinden angular'ın kendi "RouterModule" unu kullanıyorum. Uygulamam için bir miktar yetkilendirme uygulamak için başka bir rotaya manuel olarak nasıl yönlendireceğimi bilmek istiyorum, bununla ilgili internette …

91 angular 

Giriş etiketim şöyle görünüyor: <input type="file" placeholder="File Name" name="filename" (change)="onChange($event)"> <button>Reset</button> Angular 2'de seçili dosyayı sıfırlamak istiyorum. Yardım çok takdir edilecektir. Daha fazla ayrıntıya ihtiyacınız olursa bana bildirin. PS $eventParametrelerden dosya ayrıntılarını alabilir ve bir typcript değişkenine kaydedebilirim, ancak bu değişken giriş etiketine bağlı değil.

90 angular 

App SettingsUygulamama bazı sabitler ve önceden tanımlanmış değerler içerecek bir bölüm eklemek istiyorum . Okuduğum bu cevabı kullanır OpaqueTokenAma açısal önerilmiyor. Bu makale farklılıkları açıklıyor ancak tam bir örnek vermedi ve girişimlerim başarısız oldu. İşte denediğim şey (bunun doğru yol olup olmadığını bilmiyorum): //ServiceAppSettings.ts import {InjectionToken, OpaqueToken} from "@angular/core"; const …

90 javascript  angular 

Açısal 2 belgesinde * ve şablonda , * ngIf, * ngSwitch, * ngFor'un ng-şablon etiketine genişletilebileceğini biliyoruz. Sorum şu: Bence açısal motor ile ngIfya da ngForolmadan *çevrilebilir ve şablon etiketine genişletilebilir. Aşağıdaki kod <hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail> ile aynı olacaktır <ng-template [ngIf]="currentHero"> <hero-detail [hero]="currentHero"></hero-detail> </ng-template> Öyleyse neden *açısal 2'de garip bir …

90 javascript  angular  angular-directive 

Yol çözümleyicimi test etmeye çalışıyorum ve test TypeError: ctor is not a constructorederken, daktilo derleme zamanı hata yokken neden olduğu hakkında hiçbir fikrim yok. TypeError: ctor is not a constructor TypeError: ctor is not a constructor at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42355:26) at _createProviderInstance$1 (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42330:26) at resolveNgModuleDep (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42315:17) at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42362:26) at _createProviderInstance$1 …

90 angular  karma-runner  angular-routing 

Refere https://angular.io/docs/ts/latest/guide/displaying-data.html ve yığını ngIf * kullanarak açısal 2 şablonda boş nesneyi kontrol etme hala sözdizimi hatası kendini bağlam tanımsız alıyorum. * NgIf koşulunu kaldırırsam, takım üyelerindeki değerlere erişmek için ona bir değer eklersem, takım üyelerinden değerler alıyorum. Benim teamMembernesne olduğunu [ ] arrayben boyutuna göre boş olan durum dizisini …

90 angular  angular2-template 

projem [Angular CLI] 1.2.6 sürümüyle oluşturuldu. Projeyi derleyebiliyorum ve iyi çalışıyor, ancak vs kodunda her zaman '@ angular / core' modülünü bulamıyorum '@ angular / router' modülünü bulamıyorum diyerek hata alıyorum ..... Tsconfig.json dosyamın içeriğini ekledim, bu benim için gerçekten sinir bozucu oldu, neyin yanlış olduğunu anlamak için 2 saat …

90 angular  visual-studio-code 

router.navigateBazı sorgu dizesi parametreleriyle aynı sayfada arıyorum . Bu durumda ngOnInit()aramaz. Varsayılan olarak mı yoksa başka bir şey eklemem gerekiyor mu?

89 angular  navigateurl  ngoninit 

Angular 2'de test yaparken TestBed'deki zaman uyumsuz işlevini ne zaman kullanırsınız? Bunu ne zaman kullanıyorsun? beforeEach(() => { TestBed.configureTestingModule({ declarations: [MyModule], schemas: [NO_ERRORS_SCHEMA], }); }); Ve bunu ne zaman kullanacaksın? beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [MyModule], schemas: [NO_ERRORS_SCHEMA], }); })); Biri beni bu konuda aydınlatabilir mi?

89 angular  unit-testing  karma-jasmine  angular2-testing  angular-test 

İşte bir şablon örneği: <input type="number" class="form-control" [(ngModel)]="overRideRate" formControlName="OverRideRate"> <input type="number" class="form-control" [ngModel]="overRideRate" formControlName="OverRideRate"> Burada ikisi de aynı şeyi yapıyor. Hangisi tercih edilir ve neden?

89 angular  angular-ngmodel 

Aşağıdaki Angular Material kodunu nasıl değiştirebilirim, böylece veri tablosu varsayılan olarak artan sırada 'ad' sütununa göre sıralanır. Ok (mevcut sıralama yönünü gösteren) görüntülenmelidir. Başarmak istediğim şey bu: Orijinal kod: <table matSort (matSortChange)="sortData($event)"> <tr> <th mat-sort-header="name">Dessert (100g)</th> <th mat-sort-header="calories">Calories</th> <th mat-sort-header="fat">Fat (g)</th> <th mat-sort-header="carbs">Carbs (g)</th> <th mat-sort-header="protein">Protein (g)</th> </tr> <tr *ngFor="let …

89 angular  angular-material 

Bugün bana soruldu ve düzgün bir cevap veremedim. JS'ye typcript transpiles. Sonra, "daha az" (isteğe bağlı) ve bir dağıtım yapma sürecinde başka neler var? Ama bunun gibi hiçbir şeyin (afaik) "derleme" ile ilgisi yoktur. Her şey paketlenir ve büyük ölçüde optimize edilir, ancak aslında derlenmez, değil mi? Hatta gerçekten dikkate …

88 javascript  angular  typescript  angular-cli  angular-compiler-cli 

Açısal 5 geliştirmede yeniyim. Burada verilen örneği kullanarak açısal malzemeyle bir veri tablosu geliştirmeye çalışıyorum: " https://material.angular.io/components/table/examples ". Derken bir hata alıyorum Can't bind to 'dataSource' since it isn't a known property of 'table'. Lütfen yardım et.

88 angular  datatable  angular-material 

EventEmitter kullanan bir bileşenim var ve EventEmitter sayfadaki biri tıklandığında kullanılıyor. Bir birim testi sırasında EventEmitter'ı gözlemlememin ve EventEmitter.next () yöntemini tetikleyen öğeyi tıklatıp neyin gönderildiğini görmek için TestComponentBuilder'ı kullanmamın bir yolu var mı?

88 unit-testing  angular 

Şablonlu basit bir açısal 2 bileşenim var. Gönderdikten sonra form ve tüm alanlar nasıl temizlenir ?. Sayfayı yeniden yükleyemiyorum. date.setValue('')Alanla birlikte veri ayarlandıktan sonra hala touched. import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Control} from 'angular2/common'; @Component({ selector: 'loading-form', templateUrl: 'app/loadings/loading-form.component.html', directives: [FORM_DIRECTIVES] }) export class LoadingFormComponent { …

88 angular  angular2-forms