Angular 6 required rxjs-compat

Projenizde rxjs librarysi yüklü olmasına rağmen hata alıyorsanız aşağıdaki komutuda çalıştırmanız gerekir. npm install rxjs-compat  –save (Elle yazın copy paste yapmayın) Bende Angular 6 ya geçtikten sonra bu gerekli oldu. .ts de RxJs importu:  import ‘rxJs/Rx’; import { Observable, Subscription } from ‘rxjs’;

JS filter ve Find Methodu Farkı

find Tek bir değer döner: this.dataSource.find(c=>c.NoKey===company.NoKey).favori; filter birden fazla değer döner; this.dataSource.find(c=>c.NoKey===company.NoKey).favori diyemeyiz. şöyle olabilir;  this.dataSource.find(c=>c.NoKey===company.NoKey)[0].favori diyemeyiz.

Angular @Input() da undifened hatası

iki component iletişimi yapacağımız zaman sıkça kullandığımız bir elementtir. Ama alt component istediği değeri undifened olarak görebilir. Bunu aşağıdaki örnek yaklaşımı ile çözebilirsiniz.; <my-hero-detail *ngIf=”selectedHero” [hero]=”selectedHero”></my-hero-detail>

angular material

npm install –save @angular/material @angular/cdk @angular/animations angular.json da “styles”: [ “src/styles.scss” ], Not :  Burada “src/styles.scss” sizde “src/styles.css”  de olabilir. Burda sass mı normal css mi kullanıyorsunuz ona göre değiştirmelisiniz. Bir tema import etmek istiyor isek; style.scss dosyamıza bunlardan birini eklememiz gerekiyor. @import ‘~@angular/material/prebuilt-themes/deeppurple-amber.css’; @import “~@angular/material/prebuilt-themes/indigo-pink.css”;

Angular 5 Update to Angular 6

Angular Update Guide | 5.2 -> 6.0 for Basic Apps Use HttpClient and HttpClientModule instead of Http and HttpModule Make Sure you are using Node 8 or later. npm install -g @angular/cli npm install @angular/cli ng update @angular/cli ng update @angular/core ng update @angular/material ng update npm install -g rxjs-tslint rxjs-5-to-6-migrate -p src/tsconfig.app.json

Sıfırdan Angular 5 Projesine başla

Bir önceki yazımda anlattığım angular CLI yı kurdu iseniz bu komutu çalıştırıp projeyi sass dosyalı ve routing içeren yapıda oluşturmuş olacaksınız; ng new project-name  — style=scss —routing Yukarıdaki — anlamı 2 tane yan yana eksi işaretine karşılık gelmektedir. Burada bitişik gibi görünmüş kafanız karışmasın. code . diyerek olduğunuz dizinde vscode ile projeyi açın. Artık burada […]

Angular prod

Angular da  bir projeyi prod ortama çıkarmak için; ng build –prod komutunu çalıştırmalısınız. proje dizininde dist klasörü oluşmuş olacaktır. Bu dist içinde index.html dosyasında küçük bir düzeltme gereklidir. index.html dosyasını bir metin editöründe açtığınızda aşağıdaki kod satını göreceksiniz. <base href=”/”> Bu satır aşağıdaki gibi olmalıdır. <base href=”./”> Düzeltmeyi yaptığınızda index.html dosyasını web tarayıcısından açabilirsiniz.

VS Code Git Bash Terminal

Merhabalar, Visual Studio Code kullanımı giderek yaygınlaşmakta ve bizede kolaylıklar sunmakta. VS code aynı zamanda bize terminal ekranıda sunmakta. Bunu CTRL + ”  veya  View -> Integrated Terminal diyerek görebilirsiniz. Bundan dolayı terminal ekranını nasıl kullanabiliriz diye bir araştırma yaptım. Eğer git bash kullanıyor iseniz tekrardan onu açmanıza gerek yok. VS Code terminaline entegre şekilde […]

Iphone telefon yurt dışına SMS Atıyor

Merhabalar, iphone telefonum yurt dışına SMS Atıyor  Iphone 6S kullanmaktayım. Telefonumda 0.8 TL kesilmesi oldu. Ve bu gün içinde 4-5 kez gerçekleşti. Bunun neden olduğunu anlamak için hesabım uygulamasına girdim. Kullanımlarım arasında yurt dışına SMS gönderildiğini fark ettim. Aslında yurt dışına SMS göndermemiştim. Bunun sebebi iphoneda ki FaceTune ve imessage uygulamarıydı. Araştırmalarım sonucu bunların ayarlarında seçili […]