[英]Carousel bootstrap with angular js
I need to use carousel from bootstrap with two predefined templates. 我需要使用带有两个预定义模板的bootstrap旋转木马。 I need the carousel to show brand tab when I press button on the right, and when I press button on left to slide back to time temlate. 当我按下右边的按钮时,我需要旋转木马显示品牌标签,当我按下左边的按钮滑回时间temlate时。 Can anyone help me how to use angular carousel in my case. 在我的情况下,任何人都可以帮助我如何使用角度旋转木马。 Here is my HTML 这是我的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>
Angular doesn't have any building option for right click
. Angular没有任何right click
构建选项。 Only have click
. 只有click
。 But you can make a directive like this for right 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});
});
});
};
});
For left click use regular ng-click. 对于左键单击,使用常规ng-click。 In your html code write like this 在你的HTML代码中写这样的
<div ng-click="doWhenLeftClick()" ng-right-click="doWhenRightClick()">
// you html code hear
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.