Pertanyaan yang diberi tag «angular»

Saya mencari cara untuk mengikat fungsi ke seluruh halaman saya (ketika pengguna menekan sebuah tombol, saya ingin itu memicu fungsi di component.ts saya) Itu mudah di AngularJS dengan ng-keypresstetapi tidak berhasil (keypress)="handleInput($event)". Saya mencobanya dengan pembungkus div di seluruh halaman tetapi tampaknya tidak berhasil. itu hanya bekerja jika fokusnya ada …

109 typescript  angular  keypress  key-bindings 

Sejak meningkatkan ke kandidat rilis Angular 2 terbaru, imgtag saya : <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> melakukan kesalahan browser: PENGECUALIAN ASLI: Kesalahan: nilai tidak aman digunakan dalam konteks URL sumber daya Nilai urlnya adalah: http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg EDIT: Saya telah mencoba saran yang dibuat dalam solusi lain bahwa pertanyaan ini seharusnya merupakan duplikat …

109 angular 

Pipa adalah filter untuk mengubah data (format) di template. Saya menemukan pipe()fungsi seperti di bawah ini. Apa pipe()sebenarnya arti fungsi ini dalam kasus ini? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

109 angular  rxjs  angular-pipe  rxjs-pipe 

Saya menggunakan Material 2 untuk menambahkan md-raised-button. Saya ingin menerapkan petunjuk ini hanya jika kondisi tertentu menjadi benar. Sebagai contoh: <button md-raised-button="true"></button> Contoh lain: Saya membuat bentuk reaktif dinamis dasar di plunker. Saya menggunakan formArrayNamedirektif bentuk reaktif untuk berbagai kontrol. Saya ingin menerapkan formArrayNamedirektif hanya jika kondisi tertentu menjadi benar, …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Saya memiliki mat-pilih di mana opsi adalah semua objek yang ditentukan dalam array. Saya mencoba untuk mengatur nilai ke default ke salah satu opsi, namun itu dibiarkan dipilih saat halaman dirender. File skrip ketikan saya berisi: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public …

109 angular  typescript  angular-material2 

Saya mencoba menggunakan disabledatribut dari a formControl. Saat saya memasukkannya ke dalam template, ini berfungsi: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Tapi browser memberi tahu saya: Sepertinya Anda menggunakan atribut yang dinonaktifkan dengan perintah formulir reaktif. Jika Anda menyetel nonaktif ke true saat menyiapkan kontrol ini di kelas komponen Anda, atribut yang …

109 angular  typescript 

Saya baru mengenal sudut 5 dan mencoba mengulang peta yang berisi peta lain dalam skrip ketikan. Cara mengiterasi di bawah peta semacam ini dengan sudut di bawah ini adalah kode untuk komponen: import { Component, OnInit} from '@angular/core'; @Component({ selector: 'app-map', templateUrl: './map.component.html', styleUrls: ['./map.component.css'] }) export class MapComponent implements …

109 javascript  angular  typescript  angular-cli 

Saya memiliki beberapa tes gagal yang hanya menghasilkan [object ErrorEvent] thrown . Saya tidak melihat apa pun di konsol yang membantu saya menentukan kode yang melanggar. Apakah ada yang perlu saya lakukan untuk melacaknya? [EDIT]: Saya menjalankan Karma v1.70, Jasmine v2.7.0

108 angular  angular-cli  karma-jasmine 

Katakanlah saya memiliki Komponen Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } File html template untuk komponen ini //home.component.html <div class="home-component">Some stuff in this div</div> Dan terakhir file css untuk komponen …

108 css  angular 

<div> <input #ipt type="text"/> </div> Apakah mungkin untuk mengakses variabel akses template dari kelas komponen? yaitu, dapatkah saya mengaksesnya di sini, class XComponent{ somefunction(){ //Can I access #ipt here? } }

108 angular  typescript  angular2-template 

Saya mencoba membuat mat-tablepenyortiran berfungsi secara lokal, dan sementara saya bisa mendapatkan data untuk muncul seperti yang diharapkan, mengklik baris tajuk tidak melakukan penyortiran seperti pada contoh online (tidak ada yang terjadi sama sekali). Saya mencoba membuat demo ini bekerja secara lokal: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Saya telah membuat proyek baru dengan …

108 angular  angular-material 

Kode Saya: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Saya mencoba untuk hanya menampilkan 10 elemen daftar pada titik mana pun. Seperti yang disarankan dalam jawaban di sini , saya menggunakan ngIf tetapi ini menghasilkan item daftar kosong (di luar 10) muncul di halaman.

108 angular 

Saat ini saya sedang mengerjakan halaman pengaturan ulang kata sandi dari proyek Angular 4. Kami menggunakan Angular Material untuk membuat dialog, namun, saat klien mengklik dialog, dialog akan ditutup secara otomatis. Apakah ada cara untuk menghindari dialog tutup sampai fungsi "tutup" panggilan sisi kode kita? Atau bagaimana cara membuat modal …

108 angular  dialog  modal-dialog  angular-material 

Ok jadi mungkin ini tidak jelas. Dapatkan formulir ini: <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> Mengapa semua tombol memicu submit()fungsi tersebut? Dan bagaimana cara menghindarinya?

107 javascript  forms  angular  submit 

Saya ingin mengatur gambar latar belakang DIV di Template Komponen di aplikasi Angular 2 saya. Namun saya terus mendapatkan peringatan berikut di konsol saya dan saya tidak mendapatkan efek yang diinginkan ... Saya tidak yakin apakah gambar latar belakang CSS dinamis diblokir karena batasan keamanan di Angular2 atau jika template …

107 typescript  angular  xss