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>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="style.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
    <script>
        var app = angular.module('ngClassApp', []);
        app.controller('ngClassCtrl', function ($scope) {

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




ANIL SINGH

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...
http://www.code-sample.com
http://www.code-sample.xyz

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.