<div style="height: 305px">
                        <uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
                            <uib-slide ng-repeat="image in selectedBridgeImages">
                                <img ng-src="{{getImage(image.Base64String)}}"/>
                                <div>
                                    {{image.Id}}
                                </div>
                            </uib-slide>
                        </uib-carousel>
                    </div>

$scope.selectedBridgeImages = [];
        $scope.getImage = function (data) {
            return 'data:image/JPEG;base64,' + data;
        }
        $scope.selectBridge = function (selectedBridge) {
            bridgeService.getBridgeDetails(selectedBridge.BridgeID).then(bridgeDetailsThen);
            $scope.isBridgeSelected = true;
            $scope.selectedBridge = selectedBridge;
        }
        var bridgeDetailsThen = function (response) {
            $scope.selectedBridgeImages = response.data.Picture;
        }

[HttpGet]
    [Route("api/Bridge/GetBridgeDetails/{bridgeId}")]
    public IHttpActionResult GetBridgeDetails(int bridgeId)
    {
        try
        {
            using (_iBridge)
            {
                var details = _iBridge.GetBridgeDetailses(bridgeId);
                foreach (var picture in details.Picture) { picture.Base64String = Convert.ToBase64String(picture.PictureBytes); }
                return Ok(details);
            }
        }
        catch
        {
            return NotFound();
        }

    }