title: Why does this method/gettor get called X times in an Angular 2 service
body: <p>I am trying to bind a value in my HTML component to a property in a service. If the private variable is null then it needs to go off and get the value from an HTTP call. </p>
  
  <p>However, I noticed that as soon as I bind to the property gettor in my HTML component then it fires multiple times.</p>
  
  <p>I have simplified the example with:
  <a href="https://plnkr.co/edit/lJKSYcYHLGHr5Q8xr5PR?p=preview" rel="noreferrer">this Plunker</a></p>
  
  <pre><code>  get Item(): string {
        console.log("Item()", this._item);
        return this._item;
    }
  </code></pre>
  
  <p>Open the Console and observe the multiple outputs of "Item() Initiated". I would expect it to only be hit once. (the result is the same with a method instead of a gettor). If I use the Gettor in a click method it only fires once.</p>