6-interpolate.html

<!DOCTYPE html>
<html ng-app="plunker">

<head>
  <meta charset="utf-8"/>
  <title>AngularJS Plunker</title>
  <link rel="stylesheet" href="style.css"/>
  <script src="angular.js"></script>
</head>

<body>

<div>{{ 1 + 1 }}</div>

<div test="{{ 1 + 1 }}"></div>

</body>

<style>
  .ng-scope {
    border: solid 1px #0066cc;
    margin: 5px;
  }
</style>

<script>
  var app = angular.module('plunker', [])
    .directive('test', function ($parse) {
      return function (scope, elem, attrs) {
        console.log('test ', $parse(attrs['test'])());
      }
    });

  var $injector = angular.injector(['ng']);

  // basic
  $injector.invoke(function ($interpolate) {
    console.log($interpolate('Hello {{1 + 1}} {{name | uppercase}}!')({ name: 'angular' }));
  });

</script>

</html>