Pertanyaan yang diberi tag «angular2-template»

Saya menulis aplikasi Angular dan saya memiliki respons HTML yang ingin saya tampilkan. Bagaimana aku melakukan itu? Jika saya hanya menggunakan sintaks yang mengikat {{myVal}}itu mengkodekan semua karakter HTML (tentu saja). Saya perlu entah bagaimana untuk mengikat innerHTMLdari divnilai variabel.

841 angular  angular2-template  angular2-databinding 

Dalam aplikasi Angular 2 saya ketika saya menggulir ke bawah halaman dan mengklik tautan di bagian bawah halaman, itu memang mengubah rute dan membawa saya ke halaman berikutnya tetapi itu tidak gulir ke bagian atas halaman. Akibatnya, jika halaman pertama panjang dan halaman ke-2 memiliki sedikit konten, itu memberi kesan …

296 angular  typescript  angular2-routing  angular2-template  angular2-directives 

Saya mencoba menunjukkan tanda centang jika jawaban adalah jawaban yang diterima: template: `<div ngIf="answer.accepted">✔</div>` Tapi saya mendapatkan kesalahan ini: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Apa yang saya lakukan salah?

247 angular  angular2-template 

Ketika saya mencoba menggunakan data attributedi saya template, seperti ini: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 crash dengan: PENGECUALIAN: Kesalahan parse templat: Tidak dapat mengikat ke 'nilai bagian' karena ini bukan properti asli yang dikenal (" ] data-sectionvalue = "{{section.value}}"> …

229 angular  angular2-template 

Saya tidak tahu bagaimana cara menambahkan atribut kelas<component></component> dinamis ke komponen saya tetapi di dalam templat html (component.html). Satu-satunya solusi yang saya temukan adalah memodifikasi item melalui elemen asli "ElementRef". Solusi itu tampaknya agak rumit untuk melakukan sesuatu yang seharusnya sangat sederhana. Masalah lain adalah bahwa CSS harus didefinisikan di …

190 angular  angular2-template 

Saya mencoba menerapkan Formulir Dinamis dalam Angular 2. Saya telah menambahkan fungsionalitas tambahan seperti Hapus dan Batalkan ke formulir dinamis. Saya telah mengikuti dokumentasi ini: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Saya telah membuat beberapa perubahan pada kode. Saya mendapatkan kesalahan di sini. Bagaimana cara saya membuat kesalahan ini? Anda dapat menemukan kode lengkap di …

178 forms  angular  angular2-template  angular2-forms 

Saya menemukan sintaks tugas yang aneh di dalam template Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Tampaknya let-coldan let-car="rowData"membuat dua variabel baru coldan caryang kemudian dapat diikat ke dalam template. Sumber: https://www.primefaces.org/primeng/#/datatable/templating let-*Disebut apakah sintaksis magis ini ? Bagaimana cara kerjanya? Apa perbedaan antara let-somethingdan let-something="something else"?

155 angular  angular2-template  primeng 

ng-container disebutkan dalam dokumentasi Angular 2 tetapi tidak ada penjelasan cara kerjanya dan kasus penggunaan apa. Ini khususnya disebutkan dalam ngPluraldan ngSwitcharahan. Apakah <ng-container>melakukan hal yang sama dengan <template>, atau tergantung apakah arahan ditulis untuk menggunakan salah satunya? Adalah <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> dan <template [ngPluralCase]="'=0'">there is nothing</template> seharusnya sama? …

150 angular  typescript  angular2-template 

Jika suatu variabel dideklarasikan private pada kelas komponen, apakah saya dapat mengaksesnya di templat komponen itu? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as …

143 typescript  angular  angular2-template 

Saya menggunakan rilis Angular2 Final (2.1.0). Saat saya ingin menampilkan daftar perusahaan, saya mendapat error ini. di file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; di file.component.html: <tbody> <tr *ngFor="let item of companies; …

129 angular  angular2-template 

Apakah ada cara agar saya bisa membatasi panjang string menjadi karakter angka? misalnya: Saya harus membatasi panjang judul menjadi 20 {{ data.title }}. Apakah ada pipa atau filter untuk membatasi panjangnya?

126 angular  angular2-template 

Bisakah kita menggunakan enum dalam template tampilan angular2? <div class="Dropdown" dropdownType="instrument"></div> meneruskan string sebagai input: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Tetapi bagaimana cara melewatkan konfigurasi enum? Saya ingin sesuatu seperti ini …

122 enums  angular  angular2-template 

Dalam skenario ini, saya menampilkan daftar siswa (larik) ke tampilan dengan ngFor: <li *ngFor="#student of students">{{student.name}}</li> Sangat menyenangkan bahwa itu diperbarui setiap kali saya menambahkan siswa lain ke daftar. Namun, ketika saya memberikan pipekepada filterdengan nama mahasiswa, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Itu tidak memperbarui daftar sampai saya …

114 angular  angular2-template  angular2-directives  angular-pipe 

Saya tahu bahwa di angular2 saya dapat menonaktifkan tombol dengan [disable]atribut, misalnya: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> tetapi dapatkah saya melakukannya dengan menggunakan [ngClass]atau [ngStyle]? Seperti: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Terima kasih.

113 html  angular  angular2-template  angular2-forms 

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