UI 부트 스트랩 캐 러셀이 이미지를 렌더링하지 않습니다.

Question

ui-bootstrap이 내 이미지를 렌더링하지 않는 것처럼 보입니다. - 일반 사용시 <img ng-source =""> 이미지는 예상대로 잘 렌더링됩니다.
- 각도 ui 회전식 슬라이드 쇼를 사용할 때 그들은 나를 위해 렌더링하지 않는 것 같습니다. 나는 아무것도 얻지 못한다. 여기에 어떤 문제가 있는지는 모르겠다. 내 코드의 스 니펫이다. 여기

<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; 
     } 

에서 사용하는 모든과 여기에 C# 서비스 호출

[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(); 
     } 

    } 

Answer 1

저도 같은 문제에 직면하고있다. 먼저, 'div'태그 안에 uib-carousel 및 uib-slide를 래핑하려고했습니다. 그 후 나는 회전식 화살표를 볼 수 있었지만 여전히 이미지는 없었습니다. 나는 그 문제가 uib-slide의 '인덱스'공헌이라고 나중에 발견했다. 당신이 아무 것도 사용하지 않더라도 인덱스를 제공해야한다. 모든이에

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