angular利用ng-zorro编写添加商品界面

要利用ng-zorro编写添加商品界面，需要遵循以下步骤：

1. 首先，需要在项目中引入ng-zorro组件库。可以通过npm安装ng-zorro-antd依赖包，并在app.module.ts文件中导入NgZorroAntdModule模块。

2. 接下来，需要创建添加商品的组件。可以使用Angular CLI命令创建一个新的组件。

3. 在添加商品组件的模板文件中，使用ng-zorro提供的表单组件编写表单。例如，可以使用nz-form-group、nz-form-control等组件创建表单控件。

4. 在组件的代码中，需要导入FormGroup、FormControl等表单相关的类，并创建一个表单对象。

5. 在表单提交时，可以通过表单对象获取表单控件的值，并将值传递给后台服务。

下面是一个示例的添加商品组件模板文件：

<nz-form [formGroup]="form">
  <nz-form-item>
    <nz-form-label [nzSpan]="6" nzRequired>商品名称</nz-form-label>
    <nz-form-control [nzSpan]="14" nzErrorTip="请输入商品名称">
      <input nz-input formControlName="name" placeholder="请输入商品名称" />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSpan]="6" nzRequired>商品价格</nz-form-label>
    <nz-form-control [nzSpan]="14" nzErrorTip="请输入商品价格">
      <input nz-input formControlName="price" placeholder="请输入商品价格" />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSpan]="6" nzRequired>商品描述</nz-form-label>
    <nz-form-control [nzSpan]="14" nzErrorTip="请输入商品描述">
      <textarea nz-input formControlName="description" placeholder="请输入商品描述"></textarea>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-control [nzSpan]="14" [nzOffset]="6">
      <button nz-button nzType="primary" (click)="onSubmit()">提交</button>
    </nz-form-control>
  </nz-form-item>
</nz-form>

在组件的代码中，需要创建一个表单对象。

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-add-product',
  templateUrl: './add-product.component.html',
  styleUrls: ['./add-product.component.css']
})
export class AddProductComponent implements OnInit {

  form: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.form = this.fb.group({
      name: ['', Validators.required],
      price: ['', Validators.required],
      description: ['', Validators.required]
    });
  }

  onSubmit() {
    if (this.form.valid) {
      // 提交表单数据
    }
  }

}

在组件的代码中，可以通过表单对象获取表单控件的值，并将值传递给后台服务。在这个示例中，使用了简单的if语句检查表单是否有效，如果有效，则可以提交表单数据。