Skip to main content

How to use ngClass in angular?

ngClass Using String Syntax

This is the simplest way to use ngClass. You can just add an Angular variable to

ng-class and that is the class that will be used for that elements for example -

<div ng-class="textType">Look at me
</div>

Then in component CSS write CSS for textType class
Like as 
.textType{
color:red;
}
Labels:

Comments

Post a Comment

Popular posts from this blog

Create module and component in angular by CLI

To create a component as part of a module you should ng g module newModule  to generate a module, cd newModule  to change directory into the  newModule  folder ng g component newComponent  to create a component as a child of the module.
Post a Comment
Read more

How to display text in angular component?

Let’s take an example and understand more about Data Display. In our example, we will look at displaying the values of the various properties in our class in an HTML page. Step 1  − Change the code of the app.component.ts file to the following. import { Component } from '@angular/core' ; @Component ({ selector : 'my-app' , templateUrl : 'app/app.component.html' }) export class AppComponent { TutorialName : string = 'Angular JS2' ; appList : string [] = [ "Binding" , "Display" , "Services" ]; } Following points need to be noted about the above code. We are defining an array called appList which of the type string. We are defining 3 string elements as part of the array which is Binding, Display, and Services. We have also defined a property called TutorialName which has a value of Angular 2. Step 2  − Make the following changes to the app/app.component.html file w...
1 comment
Read more

How setup or install angular?

Before creating our first Angular app, first, we’ll see how to install Angular on a Windows system. Step 1 - Install NodeJS Follow the link -  https://nodejs.org/en/download/ Download the node.js installer for Windows and install it. To check the installed version of Node.js, open the command prompt. Type the  “npm -v”  command to check the Node.js installation and version.   Step 2 - Install TypeScript Open the link  https://www.npmjs.com/package/typescript   Copy the above command  “npm install -g typescript”  and run it on command prompt. Step 3 - Install Angular CLI (Angular command line interface) Open the link  https://cli.angular.io/  and follow the instructions to install Angular CLI and to create your first  Angular app.   Type the command “npm install -g @angular/cli” on the command prompt and press enter to install Angular cli. Type “ng new hello-world” and hit enter to create the Hello World app. Once you see t...
1 comment
Read more