AngularJs ng class Expression Syntax

AngularJs ng-class Expression Syntax

The ng-class Syntax:

<span ng-class="{active : flags}"></span>

The ng-class Expression Syntax example code

<!DOCTYPE html>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="style.css" />
    <script src=""></script>
        var app = angular.module('ngClassApp', []);
        app.controller('ngClassCtrl', function ($scope) {

<body ng-app="ngClassApp" ng-controller="ngClassCtrl">
    <h1>AngularJs ng-class Expression Syntax</h1>
        <a ng-click="flags =! flags">
            <span ng-class="{active : flags}">
                <h4>Click and See the flags Result <br>Class flag: {{flags}}</h4>


Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
Post a Comment Powered by Blogger.
ASK Questions