<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Angular ngClass</title>
  <link href="style.css" rel="stylesheet" type="text/css">

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>

</head>
<body ng-app="">
  <p ng-class="{decoration: ciz, bold: bold, 'turuncu': hata}">Örnek Class Uygulaması</p>
<label>
   <input type="checkbox" ng-model="ciz">
   Yazının altını çiz.
</label>
  <br>
<label>
   <input type="checkbox" ng-model="bold">
   Yazıyı kalınlaştır.
</label>
  <br>
<label>
   <input type="checkbox" ng-model="hata">
   Hata classı uygula
</label>
  
</body>
</html>

.decoration {
    text-decoration: underline;
}
.bold {
    font-weight: bold;
}
.kirmizi {
    color: red;
}
.turuncu {
    background-color: orange;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.