<ul>
    <li ng-repeat="cell in vm.cells">{{cell.name}}，价格：{{cell.price}}</li>
</ul>

'use strict';

angular
  .module('myApp', ['ngRoute', 'app.directive'])
  .config(['$routeProvider', function($routeProvider) {
    $routeProvider
      .when('/', {
        template: 'index'
      })
      .when('/cells', {
        template: '<cells-list></cells-list>',
        controller: ['Cells',
          function(Cells) {
            var vm = this
            vm.cells = Cells.query();
          }
        ],
        controllerAs: 'vm'
      })
  }])

'use strict';

angular
  .module('app.directive', ['app.service'])
  .directive('cellsList', function() {
    return {
      templateUrl: 'view/cells.html',
      controller: ['Cells',
        function(Cells) {
          var vm = this
          vm.cells = Cells.query();
        }
      ],
      controllerAs: 'vm'
    }
  })