Pertanyaan yang diberi tag «angular»

Saya ingin memperingatkan pengguna tentang perubahan yang belum disimpan sebelum mereka meninggalkan halaman tertentu di aplikasi sudut 2 saya. Biasanya saya akan menggunakan window.onbeforeunload, tetapi itu tidak berfungsi untuk aplikasi satu halaman. Saya telah menemukan bahwa di sudut 1, Anda dapat menghubungkan ke $locationChangeStartacara untuk mengeluarkan confirmkotak untuk pengguna, tetapi …

112 angular  angular2-routing 

Memasang angular-cli secara global menggunakan ( npm install -g angular-cli) tetapi ketika saya mencoba membuat proyek menggunakannya ng new my-projectadalah melempar kesalahan: ng: perintah tidak ditemukan

112 angular  npm  angular-cli 

Saya sedang menulis layanan Angular 2 di TypeScript yang akan menggunakan localstorage. Saya ingin memasukkan referensi ke browserwindow objek ke dalam pelayanan saya karena saya tidak ingin referensi variabel global seperti 1.x sudut $window. Bagaimana aku melakukan itu?

111 angular  typescript  dependency-injection 

Saya memiliki satu set komponen sel tunggal dalam satu ng-forlingkaran. Saya memiliki segalanya di tempat tetapi saya tidak bisa menemukan yang tepat Saat ini saya punya setTimeout(() => { scrollToBottom(); }); Tapi ini tidak bekerja sepanjang waktu karena gambar secara asinkron mendorong viewport ke bawah. Apa cara yang tepat untuk …

111 scroll  typescript  angular 

Saat ini saya menggunakan Angular 2. Biasanya kami menggunakan @Output() addTab = new EventEmitter<any>();dan kemudian addTab.emit()memancarkan acara ke komponen induk. Adakah cara yang bisa kita lakukan wakil cersa, dari orang tua ke anak?

111 angular  typescript 

Kami telah melakukan satu pengaturan proyek angular2 dan di dalamnya dibuat satu modul (modul-saya) dan di dalam modul itu dibuat satu komponen (komponen-baru-saya) menggunakan perintah cmd berikut: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Setelah membuat pengaturan dan semua komponen, kami menjalankan ng testperintah …

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

Apa perbedaan antara keduanya dan apa kasus penggunaan untuk masing-masing? The docs tidak persis membantu: forRoot membuat modul yang berisi semua arahan, rute yang diberikan, dan layanan router itu sendiri. forChild membuat modul yang berisi semua arahan dan rute yang diberikan, tetapi tidak menyertakan layanan router. Dugaan samar saya adalah …

111 angular  router 

Saya merujuk dokumentasi ini dan menemukan konsep kompilasi. Seseorang dapat menggunakan kompilasi JIT atau AOT. Namun, saya merasa sangat singkat dan perlu mengetahui poin-poin berikut secara detail, Perbedaan antara kedua teknik tersebut Rekomendasi tentang kapan harus menggunakan apa

111 angular  compilation 

Saya mencoba melakukan validasi khusus pada Angular 5 tetapi saya menghadapi kesalahan berikut Expected validator to return Promise or Observable Saya hanya ingin mengembalikan kesalahan ke formulir jika nilainya tidak sesuai dengan yang diperlukan, inilah kode saya: Ini adalah komponen dimana formulir saya constructor(fb: FormBuilder, private cadastroService:CadastroService) { this.signUp = …

111 javascript  angular  angular5  angular-forms  angular-validation 

Saya memiliki layanan yang mengembalikan pengamatan yang melakukan permintaan http ke server saya dan mendapatkan datanya. Saya ingin menggunakan data ini tetapi saya selalu mendapatkannya undefined. Apa masalahnya? Layanan : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new Headers({ 'Content-Type': 'application/json' }); …

110 javascript  angular  asynchronous  typescript  observable 

Saya perlu menjalankan ng servesetiap kali ada perubahan yang dilakukan pada file sumber. Saya tidak memiliki kesalahan di konsol. 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: …

110 angular 

Saya pikir saya memiliki konsep dasar, tetapi ada beberapa ketidakjelasan Jadi secara umum inilah cara saya menggunakan observable: observable.subscribe(x => { }) Jika saya ingin memfilter data, saya dapat menggunakan ini: import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => …

110 angular  rxjs  rxjs5 

Saya menggunakan RC4 dan saya mendapatkan kesalahan Tidak ada perintah dengan "exportAs" disetel ke "ngForm" karena template saya: <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} …

109 angular  typescript  angular2-forms 

ng-2 pewarisan data orang tua-anak telah menjadi kesulitan bagi saya. Apa yang tampaknya bisa menjadi solusi praktis yang berfungsi dengan baik adalah memfilter total array data saya ke array yang hanya terdiri dari data anak yang direferensikan oleh id orang tua tunggal. Dengan kata lain: data-inheritance menjadi pemfilteran data oleh …

109 arrays  filter  typescript  angular 

Dalam komponen Angular 2 saya, saya memiliki array yang dapat diamati list$: Observable<any[]>; Di Template saya, saya punya <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> Tetapi list $ .length tidak berfungsi jika ada array Observable. Memperbarui: Tampaknya (list $ | async) …

109 angular  observable  angular2-template  angular2-services