HI WELCOME TO KANSIRIS
Showing posts with label angular. Show all posts
Showing posts with label angular. Show all posts

Deploy angular app to IIS

Leave a Comment
Here are the steps Step 1 : Build your angular application. If you want to deploy a development build do a development build using the following Angular CLI command. The base-href option on the build command sets the base-href element in index.html to "/ePortal/" instaed of "/". In the IIS server, we will create an application with name "ePortal" in just a bit.ng build --base-href /ePortal/If.

Angular AOT vs JIT

Leave a Comment
In this video we will discuss Ahead-of-Time compilation and Just-in-Time compilation in Angular. In Angular we have 2 models of compilation JIT - Just-in-Time Compilation : JIT compilation as the name implies, compiles the application Just-in-Time in the browser at runtime. AOT - Ahead-of-Time Compilation : AOT compilation compiles the application at build time. By default, with the development build.

Angular dev build vs prod build

Leave a Comment
In this video we will discuss the differences between a development build and a production build in angular. To generate a development build we can use either ng build ORng build --devTo generate a production build we use ng build --prodHere are some of the differences between a development build and a production build in angular.Source Maps : Development build generate Source Maps where as production build does not. What are Source MapsTo improve the performance, the application's JavaScript.

Compile angular app

Leave a Comment
In this video we will discuss compiling angular applications. Along the way we will discuss producing builds both for development and production use. We will also discuss the differences between ng serve and ng build commands.  This command builds and serves the application from memory for faster development experience. ng serve command does not write the build files to the disk, so we cannot.

Angular cli ng serve options

Leave a Comment
To see the list of all options that we can use with "ng serve" command use --help option ng serve --helpThe following page also shows all the options that can be used with ng servehttps://github.com/angular/angular-cli/wiki/serveThe following command, builds and launches the application in your default browser.ng serve --openMany of our channel subscribers have sent me emails saying their application is using Internet Explorer, but they want to use Google chrome instead. So thier question is how.

Running angular app locally

Leave a Comment
In this video we will discuss How to compile and run an angular application locally on your development machine What happens behind the scenes when we compile and run an angular application What is bundling and why is it important for performance So far in this video series we have been using the following command to build and run our angular application.ng serve --openHave you ever thought about what happens behind the scenes when.

Angular CLI generate routing module

Leave a Comment
To make Angular CLI generate a routing module, all you have to do is use --routing option along with the ng new command when generating a new Angular project. ng new RoutingDemo --routingIn our previous video, we discussed the steps to implement routing in a separate module, and them import that routing module in the application root module AppModule. Here are those steps.Step 1 : Set <base href> in index.html.Step 2 : Create a separate routing module file. You can name it anything you want..

Implementing routing in separate module in angular

Leave a Comment
we implemented routing. At the moment, all the routing code is implemented in the root AppModule. However, for separation of concerns and maintainability, it is better to implement routing in a separate module and then import that routing module in the AppModule. If routing is in it's own module, it is easier to find and change routing code if required. Moving routing code into it's own module is easy and straight forwardStep 1 : Create a new file in the 'app' folder. Name it app-routing.module.tsStep.