Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop.
TEMPLATE WITH SINGLE LINE CAN BE USED SINGLE OR DOUBLE QUOTES import { Component } from '@angular/core' ; @ Component ({ selector: 'app-root' , template: "hi {{title}}" }) export class AppComponent { title : string = 'angular' ; } TEMPLATE MORE THAN 1 LINE USED BACKTICKS import { Component } from '@angular/core' ; @ Component ({ selector: 'app-root' , template: `hi {{title}} ABC XYZ` }) export class AppComponent { title : string = 'angular' ; } USING TEMPLATEURL import { Component } from '@angular/core' ; @ Component ({ selector: 'app-root' , templateUrl: './app.component.html' }) export class AppComponent { title : string = 'angular' ; }
What is force re-rendering? Force re-rendering in React is like pressing the refresh button on a webpage, even when the page seems just fine. In React, it means telling a component to update and redraw itself, even if nothing has really changed in the data (stat/props) it uses. Although React is usually good at knowing when it is time to update a component, there are moments when you want to take the reins and tell it to refresh a certain part of the codebase. In this article, we will explore this in more detail. Understanding React’s rendering behavior Let’s take a closer look at how React’s rendering process works by default. To understand when and why you might need to nudge React into re-rendering, you need to get familiar with its underlying architecture. At the heart of React’s rendering magic lies the Virtual DOM. Imagine it as a clone of the actual DOM, the structure of your webpage. React uses this Virtual DOM to figure out what needs to be updated when your data ch...
Step 1 install node.js and npm to check version of node node -v if not installed show err node is not recognized as an internal or external command to checkk version of npm npm -v if not installed show err npm is not recognized as an internal or external command open windows command prompt run msinfo32 // to check system hardware ram rom harddisk if not exist download node and install download visual studio code to develop angular application typescript 2.2.0 or later is required npm install -g @angular/cli ng new my-dream-app cd my-dream-app ng serve to compile typescript to javascript when typescript files are saved set "compileOnSave" to true in tsconfig.json file { "compileOnSave": true, ....... }
Comments
Post a Comment