kampa giderken bunlarıda alın

Kampa giderken temel ihtiyaçları alıyoruz. Fakat neleri alsak daha güzel olur bunlardan bahsedeceğim. İlk önce ateş yakmanızı tavsiye ediyorum. Kampa gittiyseniz bir zahmet ateş yakın. Ateşde en güzel olur olur közde.. Immm mısır. biz denedik gayet güzel oldu. Tavsiye edilir. Muzda közde güzel oluyormuş. En kısa zamanda deneyelim.. Aynı şekilde kahve türk kahvesi neden olmasın […]

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”; Son olarak app.module şu şekilde olacak; import { BrowserAnimationsModule } […]

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 […]