How to add class using Angularjs?

Today, We want to share with you addclass in angularjs.In this post we will show you ng-class angularjs, hear for angularjs remove class we will give you demo and example for implement.In this post, we will learn about AngularJS Add ng class to toggle Active Menu with an example.

Free Live Chat for Any Issue

Adding class to element using Angular JS

you cane enter class name then change button dynamically add Classes in angularjs Example.

Read Also:  Simple Directives using Angular Example

Include Libs


Step 1: index.html

<div class="container" ng-app="dApp" ng-controller="dprofileController">
<div class="col-sm-8 col-sm-offset-2">
  <div class="page-header"><h1>dynamically add Classes in angularjs</h1></div>
    <div class="form-group">
        <label>Button class name (enter some bootstrap any classes name like : danger, success, warning etc.)</label>
        <input type="text" ng-model="btnClass" class="form-control">
        <button type="button" class="btn btn-{{btnClass}}">Default</button>

Angularjs code


var app = angular.module('dApp', []);
app.controller('dprofileController', function($scope){
  $scope.btnClass = "danger";


I hope you get an idea about ng-click add class to element.
I would like to have feedback on my blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Rate this post