Pertanyaan yang diberi tag «angular»

Untuk beberapa alasan, saya harus menjalankan aplikasi saya dalam mode produksi. Apa perbedaan antara kedua mode tersebut?

93 angular  development-environment  production-environment 

Bagaimana cara membuat komponen kustom yang berfungsi seperti <input>tag asli ? Saya ingin membuat kontrol formulir kustom saya dapat mendukung ngControl, ngForm, [(ngModel)]. Seperti yang saya pahami, saya perlu menerapkan beberapa antarmuka agar kontrol formulir saya berfungsi seperti yang asli. Juga, sepertinya direktif ngForm hanya mengikat untuk <input>tag, apakah ini …

93 typescript  angular 

Saya mencoba untuk memahami bagaimana menggunakan Observables di Angular 2. Saya memiliki layanan ini: import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) …

93 typescript  angular  rxjs  observable 

Saya menguji unit komponen yang digunakan untuk mengedit objek. Objek memiliki keunikan idyang digunakan untuk mengambil objek tertentu dari larik objek yang dihosting di layanan. Spesifik iddiperoleh melalui parameter yang diteruskan melalui perutean, khususnya melalui ActivatedRoutekelas. Konstruktornya adalah sebagai berikut: constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { } ngOnInit() { …

93 unit-testing  angular  angular2-routing  angular2-testing 

Saya ingin melempar kesalahan dari operator peta yang dapat saya amati berdasarkan suatu kondisi. Misalnya jika data API yang benar tidak diterima. Silakan lihat kode berikut: private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( res.bearerToken ) { return …

93 angular  typescript  rxjs 

Saya telah menginstal Material untuk sudut, Saya telah mengimpor pada modul aplikasi saya MatIconModule (dengan import { MatIconModule } from '@angular/material/icon';) Saya telah menambahkannya di bawah impor ngmodule saya dengan: @NgModule({ imports: [ //... MatIconModule, //... Saya telah mengimpor semua stylesheet Dan saya juga mengimpornya ke komponen aplikasi saya yang …

93 angular  angular-material  angular-material2 

Jika saya memiliki tombol berikut dalam file html <button (click)="doSomething('testing', $event)">Do something</button> Juga, dalam komponen yang sesuai, saya memiliki fungsi ini doSomething(testString: string, event){ event.stopPropagation(); console.log(testString + ': I am doing something'); } Apakah ada tipe yang tepat yang harus diberikan ke $eventinput? Parameter event itu sendiri adalah sebuah objek, …

93 javascript  typescript  angular 

Setelah memutakhirkan ke RC5 kami mulai mendapatkan kesalahan ini: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like …

93 angular  angular2-forms  angular2-formbuilder 

Dokumentasi Angular menginformasikan bahwa saya harus menggunakan --base-hrefparameter dalam aplikasi Angular yang dibangun untuk produksi ketika akan digunakan di subfolder server: Jika Anda menyalin file ke sub-folder server, tambahkan flag build, --base-hrefdan setel dengan <base href>tepat. Misalnya, jika index.htmlada di server di /my/app/index.html, setel href dasar menjadi <base href="https://stackoverflow.com/my/app/">seperti ini. …

93 angular  angular-cli 

Dengan angular-cli ng serveserver dev lokal, ini melayani semua file statis dari direktori proyek saya. Bagaimana cara saya membuat proxy panggilan AJAX saya ke server yang berbeda?

93 angular  angular-cli 

Dalam proyek Angular 2 saya, saya membuat panggilan API dari layanan yang mengembalikan Observable. Kode panggilan kemudian berlangganan observable ini. Sebagai contoh: getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } Katakanlah server mengembalikan 401. Bagaimana saya bisa menangkap kesalahan ini secara global dan mengarahkan ke halaman / komponen login? Terima …

92 angular 

Saya telah membahas pertanyaan JavaScript tentang topik ini, pertanyaan ini secara khusus tentang Angular2 dengan TypeScript. Apa yang saya coba lakukan adalah menggabungkan objek json ke array. Kode saya terlihat seperti ini, public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data => { this.results.concat(data.results); this._next = data.next; }, err => { …

92 arrays  typescript  angular 

Saya mencoba untuk mengulangi formArray di komponen saya tetapi saya mendapatkan kesalahan berikut Error: Cannot find control with unspecified name attribute Berikut adalah tampilan logikanya pada file kelas saya export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any { …

92 loops  angular  angular2-forms 

Misalkan saya memiliki komponen: @Component({ selector: 'MyContainer', template: ` <div class="container"> <!-- some html skipped --> <ng-content></ng-content> <span *ngIf="????">Display this if ng-content is empty!</span> <!-- some html skipped --> </div>` }) export class MyContainer { } Sekarang, saya ingin menampilkan beberapa konten default jika <ng-content>untuk komponen ini kosong. Adakah cara …

92 javascript  angular 

Saya membuat @Directive baru oleh Angular CLI, itu diimpor ke app.module.ts saya import { ContenteditableModelDirective } from './directives/contenteditable-model.directive'; import { ChatWindowComponent } from './chat-window/chat-window.component'; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, ... ], imports: [ ... ], ... }) dan saya mencoba menggunakan di komponen saya (ChatWindowComponent) <p [appContenteditableModel] > Write …

92 angular  typescript  directive