docs(module:auto-complete): add status setting demo (#7474)

components/auto-complete/demo/module

@@ -2,5 +2,6 @@ import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
 import { NzInputModule } from 'ng-zorro-antd/input';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzSpaceModule } from 'ng-zorro-antd/space';
 
-export const moduleList = [ NzAutocompleteModule, NzInputModule, NzButtonModule, NzIconModule ];
+export const moduleList = [NzAutocompleteModule, NzInputModule, NzButtonModule, NzIconModule, NzSpaceModule];

components/auto-complete/demo/status.md

@@ -0,0 +1,14 @@
+---
+order: 6
+title:
+    zh-CN: 自定义状态
+    en-US: Status
+---
+
+## zh-CN
+
+使用 `nzStatus` 为 AutoComplete 添加状态，可选 `error` 或者 `warning`。
+
+## en-US
+
+Add status to AutoComplete with `nzStatus`, which could be `error` or `warning`.

components/auto-complete/demo/status.ts

@@ -0,0 +1,16 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-auto-complete-status',
+  encapsulation: ViewEncapsulation.None,
+  template: `
+    <nz-space nzDirection="vertical" style="width: 100%">
+      <input *nzSpaceItem nz-input [(ngModel)]="value" [nzAutocomplete]="auto" nzStatus="error" />
+      <input *nzSpaceItem nz-input [(ngModel)]="value" [nzAutocomplete]="auto" nzStatus="warning" />
+      <nz-autocomplete [nzDataSource]="['12345', '23456', '34567']" #auto></nz-autocomplete>
+    </nz-space>
+  `
+})
+export class NzDemoAutoCompleteStatusComponent {
+  value?: string;
+}