Button 组件在初始 loading 状态下，样式有误

[maroon1]

Reproduction link

https://codesandbox.io/s/billowing-waterfall-kzh26?file=/src/app/app.component.ts

Steps to reproduce

设置 Icon Button 的 nzLoading 属性为 true

What is expected?

Icon Button 宽度为正常的 32px

What is actually happening?

Icon Button 宽度为 46px

Environment	Info
ng-zorro-antd	9.1.2
Browser	Microsoft Edge 83

---

查看源码发现是 iconCount 计算有误导致 ant-btn-icon-only 的没有应用应用到元素上

ng-zorro-antd/components/button/button.component.ts

Lines 105 to 114 in f8cc108

	assertIconOnly(element: HTMLButtonElement, renderer: Renderer2): void {
	const listOfNode = Array.from(element.childNodes);
	const iconCount = listOfNode.filter(node => node.nodeName === 'I').length;
	const noText = listOfNode.every(node => node.nodeName !== '#text');
	const noSpan = listOfNode.every(node => node.nodeName !== 'SPAN');
	const isIconOnly = noSpan && noText && iconCount === 1;
	if (isIconOnly) {
	renderer.addClass(element, 'ant-btn-icon-only');
	}
	}

当初始 nzLoading 为 true 时，assertIconOnly方法中的 iconCount 变量会包含 Loading 图标节点，导致 iconCount 数量计算有误

可以在 iconCount 的计算中加入 nzLoading 的判断条件来修正计算结果，例如

if (this.nzLoading) {
  iconCount -= 1;
}

[zorro-bot]

Translation of this issue:

Button assembly in the initial loading state, error pattern

Reproduction link

[Https://codesandbox.io/s/billowing-waterfall-kzh26?file=/src/app/app.component.ts](https://codesandbox.io/s/billowing-waterfall-kzh26?file=/ src / app / app.component.ts)

Steps to reproduce

Icon Button set of nzLoading property to true

What is expected?

Icon Button width normal 32px

What is actually happening?

Icon Button width 46px

Environment	Info
Ng-zorro-antd	9.1.2
Browser	Microsoft Edge 83

---

View source found to be iconCount arithmetical error led to the ant-btn-icon-only not apply to the application element

ng-zorro-antd/components/button/button.component.ts

Lines 105 to 114 in f8cc108

	assertIconOnly(element: HTMLButtonElement, renderer: Renderer2): void {
	const listOfNode = Array.from(element.childNodes);
	const iconCount = listOfNode.filter(node => node.nodeName === 'I').length;
	const noText = listOfNode.every(node => node.nodeName !== '#text');
	const noSpan = listOfNode.every(node => node.nodeName !== 'SPAN');
	const isIconOnly = noSpan && noText && iconCount === 1;
	if (isIconOnly) {
	renderer.addClass(element, 'ant-btn-icon-only');
	}
	}

When the initial nzLoading as true, assertIconOnly method comprising Loading variables iconCount node icons, resulting in incorrect calculation of the number of iconCount

NzLoading may be added in the calculation of the iconCount judgment condition correction calculation results, e.g.

`Typescript if (this.nzLoading) { iconCount - = 1; } `