Angular中sweetalert彈框的使用詳解

2022-03-08 15:55:18 字數 1763 閱讀 7931

npm installangular-sweetalert

npm installsweetalert

angular-sweetalert

sweetalert

,但是只能用

sweetalert

中的css,js

必須通過

npmsweetalert

sweetalert.min.js

angular-sweetalert

版本也低。

一定要注意版本,如果angular-sweetalert版本過高,所依賴的檔案

angular

版本過低,會導致引入報錯。

oitozero.ngsweetalert

swal("請選中資料再進行操作");

1

swal(

9 })

效果:

1

swal("提交", "提交成功成功", 'success');

效果:

1

swal("刪除", "刪除成功", 'error');

效果:

效果:

1

swal(

9 }).then(function

(isconfirm), function

(data)

2122 }else

2526 });

效果:

點選取消執行else中的方法

點選確定直接執行函式

swal(「確定提交嗎」,  function(){}, 『error』 );  //這種寫法在我用的這個版本中是錯誤的,我的這個版本支援

then(),

不支援直接在引數中寫方法

在這個版本中以下寫法只能實現titletext的效果,其他屬性都不起作用

1

swal(,

10function

());

在這個版本中只能按照我最上面所列舉的去實現,那是我在官方英文文件中發現的,中文文件太坑了。

所有檔案及使用詳見:

官方文件:

angular中的服務

angular中的服務 angular中的服務相當於乙個狀態管理,可以將資料放在服務裡面進行獲取以及編輯。服務的安裝命令 ng g service count安裝好後,會在服務的ts檔案中引入乙個injectable模組,這是乙個服務裝飾器,可以通過 injectable 將乙個類裝飾成乙個服務。i...

angular 中的 DOM 操作

在angular中使用第三方外掛程式時最好都封裝到指令 directives 中去,dom操作也最好都解構到指令中。避免使用 jquery 來操作 dom,包括增加元素節點,移除元素節點,獲取元素內容,隱藏或顯示元素。你應該使用 directives 來實現這些動作,有必要的話你還要編寫自己的 di...

Angular中 provider依賴注入詳解

provider可以封裝 value factory service constant除外 provider必須有乙個 get方法 使用provider的時候,我們不能單獨的配置,需要在config中來建立provider,在angular中在config中 只能注入提供服務的應用商,但是angua...