«angular» etiketlenmiş sorular

Veri imageolarak nesneler dizisini alan bir bileşenim var Input. export class ImageGalleryComponent { @Input() images: Image[]; selectedImage: Image; } Bileşen yüklendiğinde selectedImagedeğerin imagesdizinin ilk nesnesine ayarlanmasını isterim . Bunu OnInityaşam döngüsü kancasında şu şekilde yapmaya çalıştım : export class ImageGalleryComponent implements OnInit { @Input() images: Image[]; selectedImage: Image; ngOnInit() { …

86 javascript  angular  typescript 

Açısal bir projede bir aralık kaydırıcısı kullanmak istiyorum ve açısal 4 için mevcut bir modülü kullanmayı denedim. Derleme sırasında iyi çalışıyor ancak dağıtım için oluşturmaya çalıştığımda aşağıdaki hatayı atıyor. JQuery eklentisini doğrudan açısal projede kullanma seçeneğini kontrol ettim ve yalnızca bunu Angular 2'de yapmak için seçenekler alıyorum. Angular 4'te jQuery …

85 jquery  angular 

Kapalı . Bu sorunun ayrıntılara veya netliğe ihtiyacı var . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Ayrıntıları ekleyin ve sorunu açıklığa kavuşturmak bu yazıyı düzenliyor . 3 yıl önce kapalı . Bu soruyu geliştirin Angular 2'de mevcut sayfayı nasıl yeniden yükleyebilirim? 2. sayfada iam (sayfalandırma) ve …

85 angular  refresh  angular2-routing  reload  page-refresh 

Angular 1.xx'de sadece aynı hizmeti istersiniz ve aynı durumla sonuçlanır, bu da hizmetteki verileri paylaşmayı mümkün kılar. Şimdi Angular 2'de hizmetime referansı olan bir bileşene sahibim. Servisteki verileri okuyabilir ve değiştirebilirim ki bu iyidir. Aynı hizmeti başka bir bileşene enjekte etmeye çalıştığımda, yeni bir örnek alıyormuşum gibi görünüyor. Neyi yanlış …

84 angular  typescript 

Form içeren bir modal var, modal yok edildiğinde konsolda şu hatayı alıyorum: Form bağlı olmadığı için form gönderme iptal edildi Modal, en üst düzey öğemin <modal-placeholder>doğrudan alt öğesi olan öğeye eklenir <app-root>. DOM'dan bir formu kaldırmanın ve Angular 2'de bu hatayı gidermenin doğru yolu nedir? Şu anda kullanıyorumcomponentRef.destroy();

84 javascript  html  angular  forms  angular-forms 

Ben ayarlamak için (bağlama özniteliği tarafından alındı) Sınıfımdan bir renk özelliğini bağlamak çalışıyorum background-colorSesimin div. import {Component, Template} from 'angular2/angular2'; @Component({ selector: 'circle', bind:{ "color":"color" } }) @Template({ url: System.baseURL + "/components/circle/template.html", }) export class Circle { constructor(){ } changeBackground():string{ return "background-color:" + this.color + ";"; } } Şablonum: <style> …

84 angular 

Sıralama başlıklarına sahip normal bir Angular Material 2 DataTable'ım var. Her tür başlıklar iyi çalışıyor. Değer olarak bir nesneye sahip olanlar hariç. Bunlar hiç sıralanmıyor. Örneğin: <!-- Project Column - This should sort!--> <ng-container matColumnDef="project.name"> <mat-header-cell *matHeaderCellDef mat-sort-header> Project Name </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.project.name}} </mat-cell> </ng-container> not et element.project.name …

83 angular  angular-material2 

Aşağıdaki gibi bir dosya yapısı içeren angular.io web sitesinden 5 dakikalık hızlı başlangıcı kullanıyorum : angular2-quickstart app app.component.ts boot.ts index.html license.md package.json tsconfig.json tsconfig.json bunun gibi bir kod bloğudur ： { "compilerOptions": { "target": "ES5", "module": "system", "moduleResolution": "node", "sourceMap": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "removeComments": false, "noImplicitAny": false }, …

82 javascript  json  angular 

Angular 2 ve TypeScript'te yeniyim ve en iyi uygulamaları izlemeye çalışıyorum. Basit bir JavaScript modeli ({}) kullanmak yerine, bir TypeScript sınıfı oluşturmaya çalışıyorum. Ancak, Angular 2 bundan hoşlanmıyor gibi görünüyor. Benim kodum: import { Component, Input } from "@angular/core"; @Component({ selector: "testWidget", template: "<div>This is a test and {{model.param1}} is …

82 class  typescript  angular 

Enter tuşu bırakıldığında aşağıdakiler harika çalışıyor . Ek olarak başka hangi seçenekler mevcuttur ?keyupkeyup.enter <input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>

82 javascript  html  onkeyup  angular 

Uygulamamı çalıştırmaya başladığımda şu hatayı alıyorum: **[error] Error: Job name "..getProjectMetadata" does not exist.** at Observable._subscribe (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/src/experimental/jobs/simple-scheduler.js:350:23) at Observable._trySubscribe (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Observable.js:44:25) at Observable.subscribe (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Observable.js:30:22) at /Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeTo.js:22:31 at Object.subscribeToResult (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/operators/switchMap.js:65:54) at SwitchMapSubscriber._next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/operators/switchMap.js:55:14) at SwitchMapSubscriber.Subscriber.next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Subscriber.js:66:18) at SwitchMapSubscriber.notifyNext (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/operators/switchMap.js:86:26) at InnerSubscriber._next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/Subscriber.js:66:18) at /Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/node_modules/rxjs/internal/util/subscribeTo.js:17:28 at Object.subscribeToResult …

70 node.js  angular  npm  mean-stack  node-modules 

Açısalımı v9 olarak güncelledim ve v8'e geri dönmeye çalıştığımda bu hatayı alıyorum. Zaten aşağıdakileri denedim: kaldırma -global açısal / cli açısal / cli kaldır son pakeme geri dön. json node_module klasörünü sil repoyu sil Bu hata gösterilmeye devam ediyor. Yığın izim: An unhandled exception occurred: Job name "..getProjectMetadata" does not …

63 angular  npm  angular8  angular9 

Açısal 8 ile, uygulamayı oluştururken aşağıdaki hatayla karşılaşıyoruz: app/modules/admin-module/pages/editor/editor.component.ts:6:27 - error TS2306: File ...node_modules/@angular/material/index.d.ts' is not a module.

40 angular  angular-material 

Yeni bir Açısal uygulama oluştururken aşağıdaki hatayı alıyorum - npm WARN kullanımdan kaldırılmış core-js@2.6.11: core-js @ <3 artık korunmuyor ve sorun sayısı nedeniyle kullanılması önerilmez. Lütfen bağımlılıklarınızı asıl core-js @ 3 sürümüne yükseltin. Aşağıdaki bağlantıda verilen çözümü denedim ama benim için işe yaramadı- Hata: Lütfen bağımlılıklarınızı core-js @ 3'ün gerçek …

35 angular  npm-install  core-js 

Açısal Malzeme öğreniyorum ve {MatButtonModule} "@ açısal / material / button" dan içe aktarılırken bu hatayı alıyorum. Diğer cevaplarda okuduğum kadarıyla, paket uyumluluğu sorunları gibi görünüyor, ancak düzeltemedim. İşte tam hata ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor cannot be declared in an ambient context. node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(30,9): error TS1086: An accessor …

25 angular  angular-material