自定义警报框angularjs

Question

我有一个登录表单我测试用户名＆amp;密码无效我希望在甜蜜警报中显示

这是我的代码：

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

这是我的plunker链接：Checkit

Answer 1

我的观点是，制作一个绝对定位在屏幕中央的div，制作大小，颜色，单词，你想要的更容易。使显示不可见。

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

另外，不要忘记添加box-shadow;）

Answer 2

听起来你想要一个有许多不同选项的模态弹出窗口。

请看ngDialog。

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

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