手机版

AngularJS实现页面跳转后自动弹出对话框示例代码

时间:2021-09-04 来源:互联网 编辑:宝哥软件园 浏览:

今天在做任务的时候,发现需要知道页面在angularJS中是什么时候加载的,这样才能进行一些弹出操作,否则页面还没出来就弹出来是非常突兀的。

以下是解决方案:

$ scope . showalert=function(){ var alertopup=$ ioncpopup . alert({ title : '别吃那个!template: ' h1It味道可能不错/h1 ' });};$scope。$watch('$viewContentLoaded ',function(){ $ scope . showalert();});运行效果:

可以隐约看到页面的背面,说明页面先加载,然后弹出。

PS:我们来看看angularjs页面加载后的自动弹出窗口

首先,在控制器中编写一个弹出窗口。我使用默认的提示对话框

//一个确认对话框$ scope。show confirm=function(){ var confirm popup=$ ion cpump。确认({ title :消费冰淇淋’,模板:‘你确定要吃这个冰淇淋吗?’});confirm Popup . then(function(RES){ if(RES){ console . log('你确定'));} else { console.log('您不确定');} });};然后在控制器中添加$viewContentLoaded事件

$scope。$watch('$viewContentLoaded ',函数(){ $ scope . show confirm();});网上有人说官方API里没看到viewContentLoaded,可能在Angular2之后就废了?但是我可以用旧版本。了解其他方法的更多信息.

版权声明:AngularJS实现页面跳转后自动弹出对话框示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。