ng-zorro全部引入后,仍然无法正常使用icon时什么问题?

Question

问题描述

我根据官网的教程全部引入了ng-zorro-antd , 也引入样式与 SVG 资源.但是仍然无法正确显示icon.

问题出现的环境背景及自己尝试过哪些方法

<div>
    <button nz-button nzType="primary" [nzLoading]="loading.resetButton" (click)="resetMsg()">
        <i nz-icon nzType="reload" nzTheme="outline"></i>
        reset
    </button>
</div>

<i nz-icon nzType="more" nzTheme="outline"></i>

<i nz-icon [nzType]="'setting'" [nzTheme]="'fill'"></i>

前面div是我想要实现的代码, 后面两个i标签是尝试更换其他icon, 这里nz-button可以正常工作,但是nz-icon却失效了.而且最后一个i标签的写法还会报错:

Error: Template parse errors:
Can't bind to 'nzType' since it isn't a known property of 'i'.

div渲染出的html如下:

<button _ngcontent-c1="" nz-button="" nztype="primary" class="ant-btn ant-btn-primary" ng-reflect-nz-type="primary" ng-reflect-nz-loading="false" nz-wave="[object Object]">
<!--bindings={
  "ng-reflect-ng-if": "false"
}-->
<i _ngcontent-c1="" nz-icon="" nztheme="outline" nztype="reload" class="anticon " style="display: inline-block;"></i>
<span>reset</span>
</button>

请问到底出了什么问题,该如何解决?

Answer 1

你是全局引入的ng-zorro-antd,看你报错信息，似乎是NzIconModule没有引入成功啊