我的网页具有以下标记:
<div data-ng-model="modal.data.message"></div>
有没有一种简单的方法可以使消息“自动保存”在中消失<div>
,然后在函数返回后几秒钟消失。
将ngShow
指令添加到您的div中:
<div ng-model="message" ng-show="showMessage" class="message fadein fadeout">{{message}}</div>
开始保存时,设置showMessage = true
您要显示的信息。保存完成后,进行设置showMessage = false
。要在保存完成后显示此消息一会儿,您可以使用$timeout
:
// Loadind done here - Show message for 3 more seconds.
$timeout(function() {
$scope.showMessage = false;
}, 3000);
动画部分取决于您使用的AngularJS版本。
这是使用1.2的示例:http : //plnkr.co/edit/jBukeP?p=preview
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句