Simple situation, I have a service to retrieve a list called `lists(<list_id>).` But I dont understand how to automatically call that service...

[JS Fiddle of my issue](http://jsfiddle.net/ncapito/4PZGs/)
-----------------------------------------------------------

```
<select name='lists' 
   ng-model="list" 
   ng-options="t.title for t in lists._lists">
       <option value="">-- chose list --</option>
</select>
<h1>List was  -{{ list.title }}</h1>
<ul>
    <li ng-repeat="t in lists.lists(list)" class='task'>{{t.title}}: {{t.id}}</li>
 </ul>

```

---

main service
============

```
angular.module('service',['ngResource']).factory('List', function($http) {
  var List= function(data) {
#magic to build List from json
#save to ._lists
#or if just one build List
  }
  List.lists = function(list_id, query) {
    url = '/tasks/lists/';
    #if list_id is there use it else give all lists
    return $http.get(url).then(function(response) {
      return new List(response.data);
   });
 };

```

main js
=======

```
//this initially populates lists._lists with all the available lists
//it also has a List method on the object   
$scope.lists= List.lists();

```

When I change the select I can see title update. My controller has a "lists" method that takes in a list object, and will do the query but it never gets called.

Any suggestions on what I am missing ?