Editor

Pregled code-a:

<!DOCTYPE HTML>
<html lang="hr">
<head>
<meta charset="UTF-8">
<title>AngularJS - css</title>
</head>
<body ng-app="mojApp">
Primjer pokazuje upotrebu expression-a unutar <b>ng-style</b>.

<br><br>
<div ng-controller="MojCtrl">
  <span ng-style="{background: boja, font: fnt, padding: pad}">Nekakav tekst!</span>
  <br><br>
  
  Izaberi boju:
  <select ng-model="boja">
    <option value="red" selected="selected">red</option>
    <option value="green">green</option>
    <option value="#FFCCFF">#FFCCFF</option>
    <option value="#AAA">#AAA</option>
  </select>
  <br>
  Izaberi font:
  <select ng-model="fnt">
    <option value="10px Verdana" selected="selected">10px Verdana</option>
    <option value="12px Times">12px Times</option>
    <option value="1.2em Arial">3.2em Arial</option>
  </select>
  
</div>

</body>
</html>

Pregled stranice:

Pogledaj stranicu ../javascript/angularjs/primjeri/22css_ng-style.html.