<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Angular ngBindHtml</title>
  

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-sanitize.js"></script>
  

  
</head>
<body ng-app="ornekModul">

<script>
  angular.module('ornekModul', [])
    .controller('ornekController', ['$scope', function($scope) {
      $scope.isim = 'Ahmet';
      $scope.soyisim = 'Çağlayan';
    }]);
</script>
  
<div ng-controller="ornekController">
 <label>İsim: <input type="text" ng-model="isim"></label><br>
 <label>Soyisim: <input type="text" ng-model="soyisim"></label><br>
 <pre ng-bind-template="{{isim}} {{soyisim}}!"></pre>
</div>

</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.