AngularJS : The correct way of binding to a service properties

Question

I’m looking for the best practice of how to bind to a service property in AngularJS.

I have worked through multiple examples to understand how to bind to properties

Answer 1

I think it's a better way to bind on the service itself instead of the attributes on it.

Here's why:

  

    ArrService.arrOne: {{v}}
    

    ArrService.arrTwo: {{v}}
    

    

    
    arrOne: {{v}}
    

    
    
    arrTwo: {{v}}
  

  
 

You can play it on this plunker.