Головна‎ > ‎Angular‎ > ‎

Змінна та поле 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=5discount=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>