如何淡入和淡出<div>中的文本

萨曼莎JT星

我的网页具有以下标记:

<div data-ng-model="modal.data.message"></div>

有没有一种简单的方法可以使消息“自动保存”在中消失<div>,然后在函数返回后几秒钟消失。

tasseKATT

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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何淡入和淡出<div>中的文本

来自分类Dev

在DIV中淡入和淡出文本-删除循环

来自分类Dev

淡入和淡出div

来自分类Dev

如何仅使div而不是文本淡入淡出?

来自分类Dev

在滚动中的div内淡入和淡出内容

来自分类Dev

如何在React中淡出和淡入?

来自分类Dev

在javascript中更改文本时如何添加淡入和淡出

来自分类Dev

淡入和淡出div标签

来自分类Dev

一定时间后如何淡入和淡出div

来自分类Dev

如何使用关闭按钮淡入和淡出Div?

来自分类Dev

文本淡入和淡出jQuery

来自分类Dev

如何在循环中淡入和淡出文本

来自分类Dev

如何使文本淡入淡出

来自分类Dev

如何在Swift中淡入和淡出ActivityIndicator?

来自分类Dev

如何淡出A页和淡入B页?仅在javascript中

来自分类Dev

如何在 jQuery 中淡出和淡入段落?

来自分类Dev

用javascript中的三个div淡入和淡出循环

来自分类Dev

在jQuery滚动上淡入和淡出div

来自分类Dev

滚动页面时淡入和淡出div

来自分类Dev

使用JQuery淡入和淡出div

来自分类Dev

仅当Div高于X时,文本才会在Div中淡入/淡出

来自分类Dev

如何淡入和淡出按钮,C#WPF中的文本除外

来自分类Dev

如何使用纯JavaScript和CSS在动态更改文本中添加淡入淡出动画?

来自分类Dev

如何在Swift中的同一UILabel上淡入和淡出不同文本?

来自分类Dev

使用jQuery淡入和淡出文本

来自分类Dev

如何实现淡入/淡出更改文本行?

来自分类Dev

CSS:如何淡入淡出文本?

来自分类Dev

如何实现淡入/淡出更改文本行?

来自分类Dev

在悬停和单击上如何淡出图像和淡入内容文本