Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angularjs中提供幻灯片左侧动画?_Angularjs_Angularjs Directive_Angularjs Scope_Angularjs Ng Repeat - Fatal编程技术网

如何在angularjs中提供幻灯片左侧动画?

如何在angularjs中提供幻灯片左侧动画?,angularjs,angularjs-directive,angularjs-scope,angularjs-ng-repeat,Angularjs,Angularjs Directive,Angularjs Scope,Angularjs Ng Repeat,HTML 在这里,我可以使用angularjs显示隐藏的div。当我点击add按钮时,我需要从右窗口向左显示隐藏的div幻灯片。如何做到这一点。看看角运动。它提供了许多动画功能,您可以将其应用于模态、弹出框等。使用该库,您可以执行以下操作,从左侧滑动模态: <button type="button" class="btn btn-primary" data-animation="am-slide-left" bs-modal="modal"> Open the Modal

HTML

在这里,我可以使用angularjs显示隐藏的div。当我点击add按钮时,我需要从右窗口向左显示隐藏的div幻灯片。如何做到这一点。

看看角运动。它提供了许多动画功能,您可以将其应用于模态、弹出框等。使用该库,您可以执行以下操作,从左侧滑动模态:

<button type="button" class="btn btn-primary" data-animation="am-slide-left" bs-modal="modal">
    Open the Modal
 </button>
您还可以使用ngAnimate模块从角度、角度和角度获取信息

ngAnimate添加.ng enter和.ng leave类,允许您随意设置动画

并一起查找ngAnimate和ngShow的详细信息

$scope.showModal = false;
$scope.add_con = function(){
    $scope.showModal = !$scope.showModal;
};
<button type="button" class="btn btn-primary" data-animation="am-slide-left" bs-modal="modal">
    Open the Modal
 </button>