2016-08-18 34 views
0

我嘗試添加的引導轉盤UI在那裏我看不到,我呼籲JS問題工作UI的自舉TPLS-2.0.2旋轉木馬AngularJS

導入圖像時,以下問題

<!-- <link href="resource/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet"> --> 
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
<link href="resource/css/estilos.css" rel="stylesheet" > 
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> 

<script type='text/javascript' src='./resource/angular-1.5.5/angular.js'></script> 
<script type='text/javascript' src='./app/controllers/Gallery2.js'></script> 
<script type='text/javascript' src='./resource/framework/ui-bootstrap-tpls-2.0.2.js'></script> 
<script type='text/javascript' src='./resource/angular-1.5.5/angular-animate.js'></script> 

HTML

  <div class="span10" > 
      <!--Body content--> 
      <div ng-controller="CarouselDemoCtrl"> 
       <div style="height: 305px"> 
        <div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides"> 
         <div uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id"> 
          <img ng-src="{{slide.Path}}" style="margin:auto;"> 
          <div class="carousel-caption"> 
           <h4>Slide {{slide.ImageID}}</h4> 
           <p>{{slide.Title}}</p> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

JS

angular.module('myModule', ['ngAnimate', 'ui.bootstrap']).controller('CarouselDemoCtrl',function ($scope) { 
    $scope.myInterval = 5000; 
    $scope.slides = [[ 
     { 
      "ImageID": 1, 
      "Title": "Tulips", 
      "Summary": "This is summary of Tulips", 
      "Path": "\\resource\\img\\logo.png" 
     } 
    ]]; 

}); 

我也出現這個屬性活躍,區間,包裝,指數:

屬性指標是不允許

我會感激你的幫助

回答

0

您由酒店id<div uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">$scope.slides項目跟蹤沒有那個財產。您可以通過ImageId進行跟蹤或將其更改爲ID。我包括一個鏈接到一個工作的jsFiddle基於你的例子。

http://jsfiddle.net/gbsmit03/6c7z3fxk/

+0

感謝它的工作!並且能夠指向我的項目中的圖片? 路徑:'/resource/img/logo.png',我無法看到它 –

+0

你問你爲什麼圖像不工作?您是否在網絡或控制檯中看到任何錯誤?當您嘗試直接在瀏覽器中查看圖像時,該URL是否有效? –