title: AngularJS, is this way of using service good?
body: <p>i've this HTML:</p>
  
  <pre><code>&lt;p&gt;Hello {{name}}&lt;/p&gt;
  </code></pre>
  
  <p>and the controller is:</p>
  
  <pre><code>function myCtrl(scope, service) {
      scope.name = service.getUsername(); // service.getUsername() return "World!"
  }
  myCtrl.$inject = ['$scope', 'originalService'];
  </code></pre>
  
  <p>The service works fine, so i don't paste the code here... 
  In this case the result is "<strong>Hello world!</strong>"
  I changed the HTML in this way:</p>
  
  <pre><code>&lt;p&gt;Hello {{service.getUsername()}}&lt;/p&gt;
  </code></pre>
  
  <p>But this does not work.</p>
  
  <p>I changed the controller:</p>
  
  <pre><code>function myCtrl(scope, service) {
      scope.ser = service;
  }
  myCtrl.$inject = ['$scope', 'originalService'];
  </code></pre>
  
  <p>and then the HTML</p>
  
  <pre><code>&lt;p&gt;Hello {{ser.getUsername();}}&lt;/p&gt;
  </code></pre>
  
  <p><strong>This works!</strong></p>
  
  <p>So my question is:</p>
  
  <p><strong>Is this the only way to use the functions of a service directly in the HTML, or i'm missing something?</strong></p>