ngGrid не отображается при использовании с поставщиком маршрутов

Ниже приведен мой HTML и код для вызова веб-службы и отображения данных в ngGrid. Проблема связана с провайдером маршрута, я не могу показать сетку в своем отдельном представлении, но если я сделаю точно такой же код без провайдера маршрута и загружу только эту страницу, все будет работать отлично.

Поскольку я очень новичок в angularJS, любые предложения будут оценены. Я провел много исследований, но не работал, по крайней мере, для меня. Пожалуйста, учтите это, если я где-то пропустил соответствующий пост. Спасибо впереди!

 <div>
    <!--Placeholder for views-->
    <div ng-view=""></div>
</div>

//this is what I have in one of my view for grid.
<div class="gridStyle" data-ng-grid="gridOptions">
</div>

/* display/get/call the JSON data from the web service and bind it to the view */
var app = angular.module('salesApp',['ngGrid']);

app.config (['$routeProvider', function ($routeProvider){
    $routeProvider
            .when('/sales',
            {
                controller:'salesCtrl',
                templateUrl:'Partials/sales.html'

            })
            .when('/associate',
            {
                controller:'assocCtrl',
                templateUrl:'Partials/associate.html'
            })
            .otherwise({redirectTo:'/sales'});
}]);

app.controller('salesCtrl', function($scope, $http) {
    $http.jsonp('http://some url...')
            .success(function (data) {
                $scope.sales = data;

            });

    $scope.gridOptions = {data: 'sales',
        columnDefs:[{field:'Region_Num', displayName: 'Region Num'}
            ],
        showGroupPanel: true
    };

});