8bit1byte

GroupBy gibi işlemleri her zaman backend tarafında yapsam da bugün bir işim gereği ts ile yazma gereği duydum. Ekstra bir kütüphane kullanmak istemediğimden, araştırmalarım sonucu sizin de vaktinizi almasın diye buraya kodu bırakıp gideceğim. groupByField ( xs , key ) { return xs . reduce ( function ( rv , x ) { ( rv [ x [ key ]] = rv [ x [ key ]] || []). push ( x ); return rv ; }, {}); } // Kullanımı : result burada apiden dönen array tipinde bir sonuç this . fields = this . groupByField ( result , 'type' );

Herkese merhaba! Angular 4 ve ASP.NET Core Web Api kullanarak geliştirdiğim uygulamamda dosya yükleme işlemi için epey bir zaman harcadım. Belki bu yazı sayesinde size zaman tasarrufu ettirebilirim. 1. Angular 2/4 Front End Bölümü Basitçe, bir butonla tetikleyebileceğimiz ara yüzü oluşturalım. < input # fileInput type = "file" /> < button ( click )= "addFile()" > Add </ button > 2. Angular 2 / 4 Component Bölümü Buradaki ViewChild alanı html sayfasındaki input'umuza bir referanstır. @ ViewChild ( "fileInput" ) fileInput ; addFile (): void { let fi = this . fileInput . nativeElement ; if ( fi . files && fi . files [ 0 ]) { let fileToUpload = fi . files [ 0 ]; this . uploadService . upload ( fileToUpload ) . subscribe ( res => { console . log ( res ); }); } } 3. Angular 2 / 4 Dosya Yükleme Servisi Angular4 uygulamanızda api ile iletişim kurduracağınız bir servi

Bu soruya geldiyseniz muhtemelen Angular2 ya da 4 ile proje yazmaya başlamış ve portun 4200 olarak default geldiğini görmüşsünüzdür. Bunu değiştirmek için tek yapmanız gereken   ng serve -- port 5555

Selam! Yaptığım son projenin kullanıcılara daha güzel görünmesini istediğim için kullandığım select2 lerin bazılarına resim, bazılarına ise klasik bootstrap class'ları vermek istedim. Bu yazımda ise sosyal medya adresi ekledikleri bölümü nasıl yaptığımı göstermek isterim :)  <div class="form-group">        @Html.LabelFor(x => x.SocialMedia)                @Html.TextBoxFor(x => x.SocialMedia, new { @class = "form-control SocialMedias" })        @Html.ValidationMessageFor(x => x.SocialMedia) </div>  $(".SocialMedias").select2({                 placeholder: '@(Html.Raw("Lütfen Seçiniz"))',                 formatResult: imageState,                 templateResult: imageState,                 ajax: {                     url: '@Url.Action("GetSocialMedias", "EmployeeSocialMedia")',                     cache: true,                     dataType: 'json',