| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Example - example-example16-jquery</title> |
| <link href="style.css" rel="stylesheet" type="text/css"> |
| |
| |
| <script src="../../components/jquery-1.10.2/jquery.js"></script> |
| <script src="../../../angular.js"></script> |
| |
| |
| |
| </head> |
| <body ng-app=""> |
| <p ng-class="{strike: deleted, bold: important, red: error}">Map Syntax Example</p> |
| <input type="checkbox" ng-model="deleted"> deleted (apply "strike" class)<br> |
| <input type="checkbox" ng-model="important"> important (apply "bold" class)<br> |
| <input type="checkbox" ng-model="error"> error (apply "red" class) |
| <hr> |
| <p ng-class="style">Using String Syntax</p> |
| <input type="text" ng-model="style" placeholder="Type: bold strike red"> |
| <hr> |
| <p ng-class="[style1, style2, style3]">Using Array Syntax</p> |
| <input ng-model="style1" placeholder="Type: bold, strike or red"><br> |
| <input ng-model="style2" placeholder="Type: bold, strike or red"><br> |
| <input ng-model="style3" placeholder="Type: bold, strike or red"><br> |
| </body> |
| </html> |
