2016-09-07 21 views
1

ブートストラップのカルーセルを2つの定義済みテンプレートで使用する必要があります。右のボタンを押すと、ブランドタブを表示するカルーセルが必要になります。また、左のボタンを押すと、時間の刻みに戻ることができます。私の場合にはどのように角度カルーセルを使用するのか誰でも助けてくれますか?ここで角度のついたカルーセルブートストラップ

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    <div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
     <div class="col-xs-6"> 
      <div class="container row"> 
       <label class="form-group lable-margin">Date</lable> 
      </div> 
      <div class="container row"> 
       <label class="form-group">From: </label> [[stuff.filtersAll.START_DATE]] 
      </div> 
     <div class="container row"> 
       <label class="form-group">To: </label> [[stuff.filtersAll.END_DATE]] 
     </div> 
     </div> 
     <div class="col-xs-6"> 
      <div class="container row"> 
       <label class="form-group lable-margin">Time</label> 
      </div> 
      <div class="container row"> 
       <label class="form-group">From: </label> [[stuff.filtersAll.TIME_FROM]] 
      </div> 
     <div class="container row"> 
       <label class="form-group">To: </label> [[stuff.filtersAll.TIME_TO]] 
     </div> 
    </div> 
</div> 
    <div class="item"> 
      <ul class="list-group" ng-repeat="brads in stuff.filtersAll.BRAND"> 
       <li class="list-group-item">[[brand.NAME]]</li> 
      </ul> 
     </div> 
    </div> 

答えて

0

角度がright clickのための任意の建物のオプションを持っていない私のHTMLです。 clickのみしかし、あなたは左クリックを使用するためにright click

app.directive('ngRightClick', function($parse) { 
    return function(scope, element, attrs) { 
     var fn = $parse(attrs.ngRightClick); 
     element.bind('contextmenu', function(event) { 
      scope.$apply(function() { 
       event.preventDefault(); 
       fn(scope, {$event:event}); 
      }); 
     }); 
    }; 
}); 

のために定期的にNG-クリックして、このような指示を行うことができます。あなたのHTMLコードでこのように書く

<div ng-click="doWhenLeftClick()" ng-right-click="doWhenRightClick()"> 
    // you html code hear 
</div> 
関連する問題