Posts

Server-side Rendering (SSR): An intro to Angular Universal

Enable SSR in Angular 8.0 ng add @nguniversal / express - engine -- clientProject angular . io - example where angular.io-example = your project name. Build SSR angular project using this command npm run build : ssr && npm run serve : ssr Deploy or upload Angular SSR 8.0 project into server  npm run build:ssr Move the  dist  over to your server install  PM2 npm install pm2 -g On your server, use PM2 to run the server bundled app pm2 start dist/server.js If you're using Nginx, or other web servers, make sure to redirect requests to the port that the app started with PM2 is listening on. To stop PM2 use following command. pm2 stop  dist/server.js

Load Document.Ready function on Routing navigation in angular 4-5-6-7-8

write your all document.ready code in one single jquery function and call that function on document.ready. use this function on typescript. import { Component , OnInit } from '@angular/core' ; declare function main_init (): any ; declare function common_init (): any ; @ Component ({ selector: 'app-home' , templateUrl: './home.component.html' , styleUrls: [ './home.component.css' ] }) export class HomeComponent implements OnInit { constructor () { } ngOnInit () { main_init (); common_init (); } }

Window Resize Event Function in Angular 4-5

Window Resize function in angular 4-5 using HostListner import { HostListener} from '@angular/core'     @HostListener('window:resize', ['$event'])     sizeChange(event) {         debugger;         let dd= event.currentTarget.innerHeight;         var hh = (dd) - (250)               $(".ui-datatable-scrollable").css("height",hh);         $(".ui-datatable-scrollable").css("overflow","auto");        console.log('size changed.', event);     }

C# Asp.net The authorization mechanism you have provided is not supported. Please use AWS4-HMAC-SHA256.

Add following line in web.config  <appSettings>       <add key="AWS.S3.UseSignatureVersion4" value="true" /> </appSettings> or refer following URL Click here

Upload Excel File Using Angular 2-3-4-5

Component.Html Design : <div class="ui-g-12 ui-md-6 ui-lg-2" [style]="{'display':'block','margin-top':'0px','height':'34px'}">       <div style="border: 1px solid #ebedf0;padding-top: 10px;margin-top: 10px;padding-bottom:  10px;padding-left: 15px;">                <input type="file" style="display: block;" (change)="incomingfile($event)" placeholder="Upload file" accept=".xlsx" style="background-color: #edeff2; width: 95%;">       </div>     </div>      <div class="ui-g-12 ui-md-6 ui-lg-1" [style]="{'display':'block','margin-top':'0px','height':'34px'}">           <button type="button" class="btn btn-info" (click)="Upload()" [disabled]="!this.file" style="margin-top:18px;">Upload...

Get Current Method Name in Catch Block

This Method use to get current controller or action method name in MVC> ActionContext.ActionDescriptor.ActionName

Send Push Notification to ANDROID Devices

SEND PUSH NOTIFICATION TO ANDROID DEVICES public static string APPSendNotification(string Title, string Text, string DeviceID, CSendNoti Data, int DeviceType = 1)     {         var result = "-1";         try         {             if (!string.IsNullOrEmpty(DeviceID))             {                 var webAddr = "https://fcm.googleapis.com/fcm/send";                 //VAISHALI GEMS                 //string SERVER_API_KEY = "SERVERAPIKEY";                 //string SENDER_ID = "SENDERID";                 string SERVER_API_KEY = "SERVERAPIKEY";                 string SENDER_ID = "SENDERID";     ...