帶角js的旋轉木馬自舉

Question

我需要使用帶有兩個預定義模板的bootstrap旋轉木馬。 當我按下右邊的按鈕時，我需要旋轉木馬顯示品牌標簽，當我按下左邊的按鈕滑回時間temlate時。 在我的情況下，任何人都可以幫助我如何使用角度旋轉木馬。 這是我的HTML

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

Answer 1

Angular沒有任何right click構建選項。 只有click 。 但你可以right 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-click。 在你的HTML代碼中寫這樣的

<div ng-click="doWhenLeftClick()" ng-right-click="doWhenRightClick()">
    // you html code hear
</div>