Manish Vadher Web Developer

Call one angular .ts file function to another .ts file function in angular 4-5-6-7-8

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

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 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);     }

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

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...

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