Angular: CSS styling

http://angularjs.org/

by rd13

HTML

<div id="page">
    <div>One</div>
    <div ng-class="{'my-class':boolChangeClass}">Two</div>
    <div>Three</div>
    <button click>Click me</button>
</div>

CSS

#page div {
    width: 50px;
    height: 50px;
    margin: 10px;
    background-color: green;
    display: inline-block;
}

.my-class {
    border: 3px solid blue;
}

JavaScript

app = angular.module('myApp', []);

app.directive("click", function () {
    return function(scope, element, attrs) {
        element.bind("click", function() {
            scope.boolChangeClass = !scope.boolChangeClass;
            scope.$apply();
        });
    };
});