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

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.15/angular.js" data-semver="1.3.15"></script>
    <script>
      var app = angular.module('plunker', []);
      
      app.controller('MainCtrl', function($scope) {
        
        $scope.title ="Sup";
        $scope.callUpdate = function() {
          $scope.title = "Hey, " + document.querySelector('p').innerHTML;
        }
      
      });
    </script>
  </head>

  <body ng-controller="MainCtrl">
    <p>{{title}}</p>
    <p>{{callUpdate()}}</p>
  </body>

</html>