ng-zorro的組件問題,現(xiàn)在從18年02月24日開始記錄,但是很多樣式問題是之前遇到的,也一并記錄?于 02?月?24?日.
(所有的CSS均為SCSS)
有些問題可能會隨著ng-zorro的版本迭代從而消失,同時(shí)也會產(chǎn)生另外的一些問題,發(fā)現(xiàn)后如果能解決我會記錄下來.
2018/02/24
1.ng-table 分頁手動更改頁數(shù)出現(xiàn)問題
????報(bào)錯(cuò)信息 ExpressionChangedAfterItHasBeenCheckedError
????解決辦法,在nz-table 中綁定[nzPageIndex]=xxx 即可
2.ng-table 分頁手動更改頁數(shù)出現(xiàn)問題
? ??nzPageIndexChange 會在手動更改頁數(shù)的時(shí)候觸發(fā)星虹，比如頁面的列表有查詢功能時(shí)，需要在查詢的時(shí)候?qū)㈨摂?shù)歸1嗽测，會觸發(fā)該事件痛单，若想不觸發(fā)乏矾，請使用nzPageIndexChangeClick舰涌。
3.modalService modal框垂直居中
????因?yàn)槲沂菍棾隹虻姆椒ǚ庋b的,所以使用的是open方法
????wrapClassName:'vertical-center-modal',
????這個(gè)樣式就是我自己寫的,大概內(nèi)容:
????//注意樣式表的加載順序.
????.vertical-center-modal {
????????display:flex;
????????align-items:center;
????????justify-content:center;
????????width:280px;
????????margin:0 auto;
????????z-index:9990;
????????.ant-modal {
????????????top:0;
????????}
????}
4.checkbox組件沒有與文本對齊
解決辦法,給label加樣式即可
.label-r{
????.ant-checkbox-inner{
????????top: -2px;
????}
}
