.state('rates.rate.runexperiment', {
    url: "/runexperiment",
    onEnter: ['$stateParams', '$state', '$modal', '$timeout', 'ExpsService', function($stateParams, $state, $modal, $timeout, ExpsService){
        var modalInst = $modal.open({
            templateUrl: "templates/ExpsResults.html",
            windowClass: "full",
            controller: ['$scope', '$state', '$timeout',  function($scope, $state, $timeout) {

                $timeout(function(){
                    $("#modal").resizable();
                },0);


                $scope.expResults = null;

                $scope.getExpResults = function(){
                     ExpsService.getExpResults('1000').then(function(response){
                        $scope.expResults = response;
                    });
                };

                $scope.close = function() {
                    $scope.$close(true);
                    $state.go('rates.rate');
                };

                $scope.getExpResults()
            }]
        });


        modalInst.result.then(function(){

        }, function(){
            $state.go('rates.rate');
        });
    }]
})

$timeout(function(){
    $("#modal").resizable();
},0);

<div class="modal-header" id="modal">
    <h3>
        Exp Results
        <span class="pull-right">
            {{expResults.name}}
        </span>
    </h3>
    <ul ng-repeat=data in expResults>
        <li>{{data}}</li>
    </ul>
</div>