Змінна та поле input

<!DOCTYPE html>

<html>

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

<body>

   <div ng-app="">  

 

      <p>Input something in the input box:</p>

      <p>Name : <input type="text" ng-model="name"></p>

      <h1>Hello {{name}}</h1>

   </div>

</body>

</html>

ng-app - ангулар програма

ng-model - прв'язує змінну до поля input, select, textarea

{{5+4}} - виводимо на екран

<div ng-app="" ng-init="Name='Misha'">

<p>The name is <span ng-bind="Name"></span></p>

<p>The name is {{Name}}</p>

</div>

<div ng-app="" ng-init="quantity=2; cost=5; discount=5">

<p>Total in UAH: {{quantity * cost * (100-discount)/100}}</p>

</div>

<div ng-app="" ng-init="myCol='lightblue'">

<input style="background-color:{{myCol}}" ng-model="myCol">

</div>