python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions