nzGutter应该导入什么模块才能使用
时间: 2023-09-17 20:08:51 浏览: 36
`nzGutter` 是 Ant Design 组件库中的属性,在使用它之前,你需要先在你的模块中导入 `NzGridModule`。你可以在你的模块中添加如下导入语句:
```typescript
import { NzGridModule } from 'ng-zorro-antd/grid';
```
然后在模块的 `@NgModule` 装饰器中的 `imports` 数组中添加 `NzGridModule`:
```typescript
@NgModule({
imports: [
// ...
NzGridModule
],
// ...
})
export class YourModule { }
```
这样就可以在你的组件模板中使用 `nzGutter` 属性了。
相关问题
SharedModule, ProductionOrderRoutingModule, NzSelectModule, NzSpaceModule, NzDividerModule, NzFormModule, NzInputModule, NzButtonModule, NzEmptyModule, NzDatePickerModule, NzDropDownModule, NzIconModule, NzDescriptionsModule, NzTabsModule, WhStockApplicationItemModule,以上那个模块导入后可以使用nzGutter
根据你提供的模块列表,似乎没有导入 `NzGridModule`。因此,你需要在其中一个模块中导入 `NzGridModule`,然后在组件中使用 `nzGutter` 属性。
如果你的项目中已经有一个 `SharedModule`,你可以在这个模块中导入 `NzGridModule`。你可以在 `SharedModule` 中添加如下导入语句:
```typescript
import { NzGridModule } from 'ng-zorro-antd/grid';
```
然后在 `SharedModule` 的 `exports` 数组中导出 `NzGridModule`:
```typescript
@NgModule({
imports: [
// ...
NzGridModule
],
exports: [
// ...
NzGridModule
]
})
export class SharedModule { }
```
这样,`NzGridModule` 就可以在项目的任何模块中使用了,而不必每个模块都单独导入。
另外,如果你只需要在某个组件中使用 `nzGutter` 属性,你也可以直接在该组件的模块中导入 `NzGridModule`,而不必在 `SharedModule` 中导入。
src/main/webapp/app/entities/contract/list/contract.component.html:22:15 - error NG8002: Can't bind to 'nzGutter' since it isn't a known property of 'div'. 22 <div nz-row [nzGutter]="24"> ~~~~~~~~~~~~~~~ src/main/webapp/app/entities/contract/list/contract.component.ts:18:16 18 templateUrl: './contract.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component ContractComponent.
这个错误通常是因为在 Angular 中使用了一个未知的属性。在你的模板文件中,你试图使用了一个叫做 `nzGutter` 的属性,但 Angular 并不认识这个属性。你需要确认 `nzGutter` 属性是否是某个组件或指令的输入属性,并且这个组件或指令已经被正确地导入和声明。如果你使用的是第三方组件库,你还需要确认你已经按照该组件库的文档正确地安装和导入了它。如果以上方法都不起作用,你可以尝试在模板文件中使用属性绑定的方括号语法,例如 `[nzGutter]="24"`。