angularjs – 我如何淡入然后淡出文本内部的文本

前端之家收集整理的这篇文章主要介绍了angularjs – 我如何淡入然后淡出文本内部的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的网页有以下标记
<div data-ng-model="modal.data.message"></div>

是否有一种简单的方法使用我可以在< div>中将消息“autosaving”淡入视图中然后在函数返回后淡出几秒钟.

将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的示例

猜你在找的Angularjs相关文章