angularjs – 我如何淡入然后淡出文本内部的文本
发布时间:2020-12-17 09:03:14 所属栏目:安全 来源:网络整理
导读:我的网页有以下标记: div data-ng-model="modal.data.message"/div 是否有一种简单的方法使用我可以在 div中将消息“autosaving”淡入视图中然后在函数返回后淡出几秒钟. 将ngShow指令添加到div: div ng-model="message" ng-show="showMessage" class="mes
我的网页有以下标记:
<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的示例 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读