Edit on
<html>

<head>
</head>

<body ng-app="app">
  <div>
    <div ng-controller="ctrl">
      <p>Please insert your name:</p>
      <input ng-model="name" />

      <div ng-if="name.length>0">
        <p>{{text}}{{name}}! :)</p>
      </div>
    </div>
  </div>
</body>

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

</html>
var app = angular.module('app', [])

.controller('ctrl',
  function($scope, srvc) {
    $scope.name = "";
    $scope.text = srvc.text;
  })

.service('srvc',
  function() {
    this.text = "Hello there, ";
  });
Rerun