在AngularJS中将样式应用于警报

时间:2016-07-31 06:39:41

标签: javascript css angularjs

我想向style提供alert box,我的alert位于controller,我不知道如何在style上申请alert {1}}

我的HTML代码是:

<div ng-app="myApp"> 
    <div ng-controller="TableCtrl"> 
      <h1>hi</h1> 
   </div>
</div>

提供了链接并且工作正常,控制器如下:

var myApp = angular.module('myApp',[]);

 myApp.controller('TableCtrl', ['$scope', function($scope) {  

    alert("page is loaded");

}]);

我想改变它,而不是显示系统设计的警报。

2 个答案:

答案 0 :(得分:5)

(\\d+)方法只接受一个消息参数,因此您无法更改它的设计。考虑使用像 bootstrap 材料这样的UI框架,并使用模态窗口

答案 1 :(得分:0)

与@MartinBrandl一样,您无法更改浏览器内置警报的UI样式,但您可以使用其他一些库:

  1. http://lipis.github.io/bootstrap-sweetalert/
  2. http://oitozero.github.io/ngSweetAlert/#/home