Pertanyaan yang diberi tag «angular»

Saya baru-baru ini menonton Tutorial tentang Angular 2 dengan TypeScript, tetapi tidak yakin kapan harus menggunakan Interface dan kapan harus menggunakan Model untuk memegang struktur data. Contoh antarmuka: export interface IProduct { ProductNumber: number; ProductName: string; ProductDescription: string; } Contoh Model: export class Product { constructor( public ProductNumber: number, public …

197 angular  typescript 

Saya ingin membuat templat secara dinamis. Ini harus digunakan untuk membangun ComponentTypesaat runtime dan menempatkan (bahkan mengganti) di suatu tempat di dalam Komponen hosting. Sampai RC4 saya gunakan ComponentResolver, tetapi dengan RC5 saya mendapatkan pesan berikut: ComponentResolver is deprecated for dynamic compilation. Use ComponentFactoryResolver together with @NgModule/@Component.entryComponents or ANALYZE_FOR_ENTRY_COMPONENTS provider …

197 angular  typescript  compilation  angular2-compiler 

Mengapa tidak ngOnInit()dipanggil ketika Injectablekelas diselesaikan? Kode import {Injectable, OnInit} from 'angular2/core'; import { RestApiService, RestRequest } from './rest-api.service'; @Injectable() export class MovieDbService implements OnInit { constructor(private _movieDbRest: RestApiService){ window.console.log('FROM constructor()'); } ngOnInit() { window.console.log('FROM ngOnInit()'); } } Output Konsol FROM constructor()

197 javascript  angular  typescript 

Bagaimana Anda menguji fungsi pribadi di sudut 2? class FooBar { private _status: number; constructor( private foo : Bar ) { this.initFooBar(); } private initFooBar(){ this.foo.bar( "data" ); this._status = this.fooo.foo(); } public get status(){ return this._status; } } Solusi yang saya temukan Letakkan kode tes itu sendiri di dalam …

196 angular  unit-testing  typescript  jasmine 

Saya baru saja memutakhirkan dari Angular 2 beta16 ke beta17 , yang pada gilirannya membutuhkan rxjs 5.0.0-beta.6. (Changelog di sini: https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28 ) Pada beta16 semua bekerja dengan baik terkait fungsionalitas Observable / map. Kesalahan berikut ini muncul setelah saya memutakhirkan dan terjadi ketika naskah mencoba untuk mengubah: Properti 'peta' tidak …

195 typescript  angular  rxjs 

Saya mendapatkan kesalahan dan tidak dapat menemukan alasannya. Inilah kesalahannya: EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy). angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514BrowserDomAdapter.logGroup @ angular2.dev.js:23525ExceptionHandler.call @ angular2.dev.js:1145(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run …

195 routing  angular 

Bagaimana Anda menggunakan aplikasi Angular setelah mereka mencapai tahap produksi? Semua panduan yang saya lihat sejauh ini (bahkan pada angular.io ) mengandalkan server lite untuk penyajian dan browserSync untuk mencerminkan perubahan - tetapi ketika Anda selesai dengan pengembangan, bagaimana Anda bisa menerbitkan aplikasi? Apakah saya mengimpor semua .jsfile yang dikompilasi …

194 typescript  angular  production  systemjs 

Saya seorang pemula dengan Angular, saya ingin tahu cara membuat bagian unggah File 5 Angular , saya mencoba menemukan tutorial atau dokumen, tetapi saya tidak melihat apa pun di mana pun. Ada ide untuk ini? Dan saya mencoba ng4-file tetapi tidak berfungsi untuk Angular 5

193 angular  typescript 

Saya mengalami masalah dengan Observable.offungsi impor di proyek saya. Intellij saya melihat semuanya. Dalam kode saya, saya punya: import {Observable} from 'rxjs/Observable'; dan dalam kode saya, saya menggunakannya seperti itu: return Observable.of(res); Ada ide?

192 angular  rxjs 

Saya mencoba untuk menjalankan server dev dengan TypeScript dan aplikasi Angular tanpa mengubah file ts setiap waktu. Saya menemukan bahwa saya dapat menjalankannya dengan ts-nodetetapi saya juga ingin menonton .tsfile dan memuat ulang aplikasi / server seperti yang akan saya lakukan dengan sesuatu seperti gulp watch.

192 typescript  angular  gulp  development-environment  nodemon 

...sebagai contoh... <div class="month" *ngFor="#item of myCollection; #i = index"> ... </div> Apakah mungkin untuk melakukan sesuatu seperti ... <div class="month" *ngFor="#item of 10; #i = index"> ... </div> ... tanpa menarik solusi yang tidak elegan seperti: <div class="month" *ngFor="#item of ['dummy','dummy','dummy','dummy','dummy', 'dummy','dummy','dummy']; #i = index"> ... </div> ?

191 angular 

Saya menggunakan versi Angular 2.0.0-alpha.30. Ketika mengarahkan ulang ke rute yang berbeda, maka segarkan peramban, ini menunjukkan Tidak Dapat MENDAPATKAN / rute. Bisakah Anda membantu saya dengan mencari tahu mengapa kesalahan ini terjadi.

190 angular  angular2-routing 

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 sedang mengerjakan formulir login dan jika pengguna memasukkan kredensial tidak valid kami ingin menandai bidang email dan kata sandi sebagai tidak valid dan menampilkan pesan yang mengatakan login gagal. Bagaimana cara menetapkan bidang ini menjadi tidak valid dari panggilan balik yang dapat diamati? Templat: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div …

190 validation  angular  angular2-forms 

Saya memiliki komponen dalam Angular 2 yang disebut my-comp: <my-comp></my-comp> Bagaimana satu gaya elemen host komponen ini di Angular 2? Di Polymer, Anda akan menggunakan pemilih ": host". Saya mencobanya di Angular 2. Tetapi tidak berhasil. :host { display: block; width: 100%; height: 100%; } Saya juga mencoba menggunakan komponen …

189 css  angular  css-selectors  angular-components