Pertanyaan yang diberi tag «angular»

Saya menggunakan ReactiveFormsModuleAngular2 untuk membuat komponen yang berisi formulir. Ini kode saya: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (dengan [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio …

99 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Saat ini saya bekerja di Angular dan saya mendapatkan dukungan yang baik untuk Ketikan dengan Teks Sublim. Bagaimana saya bisa mendapatkan dukungan TypeScript dengan editor Sublime Text saya? Saya mencoba untuk menekan Shift+ Ctrl+ Pdan kemudian mengetik TypeScript tetapi saya tidak mendapatkan hasil TypeScript. Saya telah melalui situs web resmi …

99 angular  typescript  sublimetext3  sublimetext 

Saya tidak dapat menerjemahkan kode ini dari Angualr 1 ke Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Inilah yang telah saya lakukan mengikuti jawaban Thierry Templier: Template komponen: *ngFor="#todo of todos | sort" Kode komponen: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Kode pipa: …

98 angular  angular2-template  angular-pipe 

Saya sedang mengembangkan repositori github (dengan angular 7 dan angular-cli), dan saya memiliki beberapa tes dengan Karma dan Jasmine yang bekerja di cabang master. Sekarang saya mencoba untuk menambahkan fitur pemuatan lambat, masalahnya adalah, bahwa tes yang sebelumnya berlalu, sekarang tidak. Ini lucu karena hanya tes dari modul lazy loading …

98 javascript  angular  karma-runner  karma-jasmine  angular-cli 

Apa perbedaan antara EventEmitter.emit()dan EventEmitter.next()? Keduanya mengirimkan acara tersebut ke pendengar yang berlangganan. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } The documenation untuk EventEmitter tidak sangat membantu pada saat ini.

98 angular  angular2-services 

Saya tidak tahu cara mengekstrak nilai dari Observable untuk dikembalikan oleh fungsi di mana Observable ada. Saya hanya perlu nilai darinya untuk dikembalikan, tidak ada yang lain. Versi saat ini yang berfungsi function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() Saya membutuhkan ini untuk bekerja, berfungsi …

98 typescript  angular  rxjs  rxjs5 

Saya memiliki proyek mvc 5 dengan frontend sudut. Saya ingin menambahkan perutean seperti yang dijelaskan dalam tutorial ini https://angular.io/guide/router . Jadi di saya, _Layout.cshtmlsaya menambahkan <base href="/"> dan membuat perutean saya di app.module saya. Tetapi ketika saya menjalankan ini saya mendapatkan kesalahan berikut: Error: Template parse errors: 'router-outlet' is not …

98 angular  typescript  asp.net-mvc-5  angular2-routing 

Saya baru di Angular. Saya memulai Tour of Heroes untuk mempelajarinya. Jadi, saya dibuat app.componentdengan two-waymengikat. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, styleUrls: ['./app.component.css'] …

97 angular 

Saya mencoba untuk mendeteksi perubahan pada ngModeldalam <select>tag. Di Angular 1.x, kita mungkin menyelesaikan ini dengan $watchon ngModel, atau dengan menggunakan ngChange, tapi saya belum memahami cara mendeteksi perubahan ngModeldi Angular 2. Contoh Lengkap : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' …

97 javascript  angular 

Saya ingin markAsDirtysemua kontrol di dalam a FormGroup.

97 angular 

Bagaimana cara mendeklarasikan variabel referensi template dinamis di dalam elemen?ngFor Saya ingin menggunakan komponen popover dari ng-bootstrap, kode popover (dengan pengikatan Html) seperti yang ditunjukkan: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> Bagaimana saya bisa membungkus elemen-elemen itu …

97 angular  ng-bootstrap  angular-template 

Saya membuat SocketService layanan, pada dasarnya ini menginisialisasi soket untuk membiarkan aplikasi mendengarkan di port. Layanan ini juga berinteraksi dengan beberapa komponen. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } Saya tahu kode di konstruktor SocketService () hanya mulai berjalan ketika komponen menggunakan …

97 typescript  angular 

Saat ini saya mencoba mempelajari Angular2 dan TypeScript sendiri setelah bekerja dengan senang hati dengan AngularJS 1. * selama 4 tahun terakhir! Saya harus mengakui bahwa saya membencinya tetapi saya yakin momen eureka saya sudah dekat ... bagaimanapun, saya telah menulis layanan di aplikasi dummy saya yang akan mengambil data …

96 typescript  angular  observable  rxjs 

Bisakah seseorang mengilustrasikan perbedaan antara penggunaan <ng-container>dan <ng-template>elemen? Saya tidak dapat menemukan dokumentasi untuk NgContainerdan tidak begitu memahami perbedaan antara tag template. Contoh kode masing-masing akan sangat membantu.

96 angular 

Ini komponen saya di Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) Ini kelas saya: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; @Input() formGroup: …

96 angular  form-control