自定义警报框angularjs

Question

我有一个登录表单，我测试了是否要在甜蜜提示中显示用户名和密码无效

这是我的代码：

 else {
          alert('login & password invalid')
          var path = "index.html";
          window.location.href = path;
         }

这是我的朋克的链接 ： 链接朋克

Answer 1

我认为，只需要在屏幕中心绝对定位一个div，使其大小，颜色，文字随心所欲就容易了。 使显示不可见。

然后，添加一个JS事件侦听器以使其在需要时可见。 我建立了一个网络电话应用程序，将编辑表单与主项目重叠放置在屏幕中央，使事件可见/不可见。

另外，别忘了添加box-shadow;）

Answer 2

听起来好像您想要模态弹出窗口，该弹出窗口有许多不同的选项。

看ngDialog 。

您可以创建一个自定义HTML模板，该模板将显示您的登录警报窗口，然后在您的代码调用中

else {
    ngDialog.open({
        template: 'externalTemplate.html',
        controller: 'SomeController'
    });
}