chunk-2OZAI3HG.js

js preview-8894-ng-zorro-antd.surge.sh collected 2026-10-03 14:57:08 UTC 48,016 bytes, 15 lines download raw bytes

1import{a as _e,b as L,c as k,d as M,e as T}from"./chunk-JZGYHVBY.js";import{a as I,b as De,c as ne,g as F}from"./chunk-OSKL2URW.js";import"./chunk-QHHCDXAE.js";import{a as ye,b as Ne,d as be}from"./chunk-BCPRPGD2.js";import{a as ve}from"./chunk-BWPBQWN4.js";import{e as Ce,f as he,g as Ae}from"./chunk-FYJIYWVU.js";import{a as W,g as me,h as le,j as re}from"./chunk-6S5MLZ5A.js";import"./chunk-O2PIEX2K.js";import{Ea as G,Ga as ee,Hc as ie,Ic as oe,Lc as ae,Wb as te,ac as D,ec as _,ic as w,vc as B}from"./chunk-MBF4YF4Z.js";import{$b as H,Ac as $,Bc as O,Ec as v,Fa as E,Fc as N,Ga as S,Gc as b,Ha as z,Ia as x,Ic as h,Jc as fe,Mb as j,Ob as r,Tc as X,Yb as q,_b as V,ac as n,bc as t,cc as s,gc as y,jc as A,lc as P,mb as ge,rb as m,sc as J,ta as f,tc as Y,uc as K,yc as C,zc as e}from"./chunk-KBYNUXDK.js";import"./chunk-RKLIRILV.js";var pe=(()=>{let o=class o{constructor(){this.options=[]}onInput(p){let i=p.target.value;this.options=i?[i,i+i,i+i+i]:[]}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-basic"]],standalone:!0,features:[h],decls:4,vars:3,consts:[["auto",""],[1,"example-input"],["placeholder","input here","nz-input","",3,"ngModelChange","input","ngModel","nzAutocomplete"],["nzBackfill","",3,"nzDataSource"]],template:function(i,l){if(i&1){let u=y();n(0,"div",1)(1,"input",2),b("ngModelChange",function(d){return z(u),N(l.inputValue,d)||(l.inputValue=d),x(d)}),A("input",function(d){return z(u),x(l.onInput(d))}),t(),s(2,"nz-autocomplete",3,0),t()}if(i&2){let u=C(3);m(),v("ngModel",l.inputValue),r("nzAutocomplete",u),m(),r("nzDataSource",l.options)}},dependencies:[B,D,_,w,T,M,k,F,I],encapsulation:2});let a=o;return a})();var we=(a,o)=>o.title;function Fe(a,o){a&1&&s(0,"span",7)}function ke(a,o){if(a&1&&(n(0,"span"),e(1),n(2,"a",9),e(3,"\u66F4\u591A"),t()()),a&2){let c=P().$implicit;m(),O(" ",c.title," ")}}function Me(a,o){if(a&1&&(n(0,"nz-auto-option",8),e(1),n(2,"span",10),e(3),t()()),a&2){let c=o.$implicit;r("nzLabel",c.title)("nzValue",c.title),m(),O(" ",c.title," "),m(2),O("",c.count," \u4EBA \u5173\u6CE8")}}function Te(a,o){if(a&1&&(n(0,"nz-auto-optgroup",6),j(1,ke,4,1,"ng-template",null,2,X),V(3,Me,4,4,"nz-auto-option",8,we),t()),a&2){let c=o.$implicit,p=C(2);r("nzLabel",p),m(3),H(c.children)}}var ue=(()=>{let o=class o{constructor(){this.optionGroups=[]}onChange(p){console.log(p)}ngOnInit(){setTimeout(()=>{this.optionGroups=[{title:"\u8BDD\u9898",children:[{title:"AntDesign",count:1e4},{title:"AntDesign UI",count:10600}]},{title:"\u95EE\u9898",children:[{title:"AntDesign UI \u6709\u591A\u597D",count:60100},{title:"AntDesign \u662F\u5565",count:30010}]},{title:"\u6587\u7AE0",children:[{title:"AntDesign \u662F\u4E00\u4E2A\u8BBE\u8BA1\u8BED\u8A00",count:1e5}]}]},1e3)}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-certain-category"]],standalone:!0,features:[h],decls:9,vars:3,consts:[["suffixIcon",""],["auto",""],["groupTitle",""],[1,"example-input"],["nzSize","large",3,"nzSuffix"],["placeholder","input here","nz-input","",3,"ngModelChange","ngModel","nzAutocomplete"],[3,"nzLabel"],["nz-icon","","nzType","search"],[3,"nzLabel","nzValue"],["href","https://www.google.com/search?q=ng+zorro","target","_blank",1,"more-link"],[1,"certain-search-item-count"]],template:function(i,l){if(i&1){let u=y();n(0,"div",3)(1,"nz-input-group",4)(2,"input",5),b("ngModelChange",function(d){return z(u),N(l.inputValue,d)||(l.inputValue=d),x(d)}),A("ngModelChange",function(d){return z(u),x(l.onChange(d))}),t()(),j(3,Fe,1,0,"ng-template",null,0,X),n(5,"nz-autocomplete",null,1),V(7,Te,5,1,"nz-auto-optgroup",6,we),t()()}if(i&2){let u=C(4),g=C(6);m(),r("nzSuffix",u),m(),v("ngModel",l.inputValue),r("nzAutocomplete",g),m(5),H(l.optionGroups)}},dependencies:[B,D,_,w,T,M,L,k,_e,ee,G,F,I,ne,De],styles:[`.certain-search-item-count{position:absolute;color:#999;right:16px}.more-link{float:right}
2`],encapsulation:2});let a=o;return a})();function Ve(a,o){if(a&1&&(n(0,"nz-auto-option",3),e(1),t()),a&2){let c=o.$implicit;r("nzValue",c),m(),$(c)}}var de=(()=>{let o=class o{constructor(){this.options=[]}

2onInput(p){let i=p.target.value;this.options=i?[i,i+i,i+i+i]:[]}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-custom"]],standalone:!0,features:[h],decls:6,vars:2,consts:[["auto",""],[1,"example-input"],["placeholder","input here","nz-input","","rows","4",3,"ngModelChange","input","ngModel","nzAutocomplete"],[3,"nzValue"]],template:function(i,l){if(i&1){let u=y();n(0,"div",1)(1,"textarea",2),b("ngModelChange",function(d){return z(u),N(l.inputValue,d)||(l.inputValue=d),x(d)}),A("input",function(d){return z(u),x(l.onInput(d))}),t(),n(2,"nz-autocomplete",null,0),V(4,Ve,2,2,"nz-auto-option",3,q),t()()}if(i&2){let u=C(3);m(),v("ngModel",l.inputValue),r("nzAutocomplete",u),m(3),H(l.options)}},dependencies:[B,D,_,w,T,M,L,k,F,I],encapsulation:2});let a=o;return a})();var se=(()=>{let o=class o{constructor(){this.filteredOptions=[],this.options=["Burns Bay Road","Downing Street","Wall Street"],this.filteredOptions=this.options}onChange(p){this.filteredOptions=this.options.filter(i=>i.toLowerCase().indexOf(p.toLowerCase())!==-1)}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-non-case-sensitive"]],standalone:!0,features:[h],decls:4,vars:3,consts:[["auto",""],[1,"example-input"],["placeholder",'try to type "b"',"nz-input","",3,"ngModelChange","ngModel","nzAutocomplete"],[3,"nzDataSource"]],template:function(i,l){if(i&1){let u=y();n(0,"div",1)(1,"input",2),b("ngModelChange",function(d){return z(u),N(l.inputValue,d)||(l.inputValue=d),x(d)}),A("ngModelChange",function(d){return z(u),x(l.onChange(d))}),t(),s(2,"nz-autocomplete",3,0),t()}if(i&2){let u=C(3);m(),v("ngModel",l.inputValue),r("nzAutocomplete",u),m(),r("nzDataSource",l.filteredOptions)}},dependencies:[B,D,_,w,T,M,k,F,I],encapsulation:2});let a=o;return a})();function He(a,o){if(a&1&&(n(0,"nz-auto-option",4),e(1),t()),a&2){let c=o.$implicit;r("nzValue",c)("nzLabel",c.label),m(),O(" ",c.label," ")}}var ce=(()=>{let o=class o{constructor(){this.inputValue={label:"Lucy",value:"lucy",age:20},this.options=[{label:"Lucy",value:"lucy",age:20},{label:"Jack",value:"jack",age:22}],this.compareFun=(p,i)=>p?typeof p=="string"?p===i.label:p.value===i.value:!1}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-object-value"]],standalone:!0,features:[h],decls:6,vars:3,consts:[["auto",""],[1,"example-input"],["placeholder","input here","nz-input","",3,"ngModelChange","ngModel","nzAutocomplete"],[3,"compareWith"],[3,"nzValue","nzLabel"]],template:function(i,l){if(i&1){let u=y();n(0,"div",1)(1,"input",2),b("ngModelChange",function(d){return z(u),N(l.inputValue,d)||(l.inputValue=d),x(d)}),t(),n(2,"nz-autocomplete",3,0),V(4,He,2,3,"nz-auto-option",4,q),t()()}if(i&2){let u=C(3);m(),v("ngModel",l.inputValue),r("nzAutocomplete",u),m(),r("compareWith",l.compareFun),m(2),H(l.options)}},dependencies:[B,D,_,w,T,M,L,k,F,I],encapsulation:2});let a=o;return a})();function Oe(a,o){if(a&1&&(n(0,"nz-auto-option",3),e(1),t()),a&2){let c=o.$implicit;r("nzValue",c),m(),$(c)}}var ze=(()=>{let o=class o{constructor(){this.options=[]}

2onInput(p){let i=p.target.value;!i||i.indexOf("@")>=0?this.options=[]:this.options=["gmail.com","163.com","qq.com"].map(l=>`${i}@${l}`)}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-options"]],standalone:!0,features:[h],decls:6,vars:2,consts:[["auto",""],[1,"example-input"],["placeholder","input here","nz-input","",3,"ngModelChange","input","ngModel","nzAutocomplete"],[3,"nzValue"]],template:function(i,l){if(i&1){let u=y();n(0,"div",1)(1,"input",2),b("ngModelChange",function(d){return z(u),N(l.inputValue,d)||(l.inputValue=d),x(d)}),A("input",function(d){return z(u),x(l.onInput(d))}),t(),n(2,"nz-autocomplete",null,0),V(4,Oe,2,2,"nz-auto-option",3,q),t()()}if(i&2){let u=C(3);m(),v("ngModel",l.inputValue),r("nzAutocomplete",u),m(3),H(l.options)}},dependencies:[B,D,_,w,T,M,L,k,F,I],encapsulation:2});let a=o;return a})();var Le=()=>["12345","23456","34567"];function Re(a,o){if(a&1){let c=y();n(0,"input",5),b("ngModelChange",function(i){z(c);let l=P();return N(l.value,i)||(l.value=i),x(i)}),t()}if(a&2){let c=P(),p=C(4);v("ngModel",c.value),r("nzAutocomplete",p)}}function Ge(a,o){if(a&1){let c=y();n(0,"input",6),b("ngModelChange",function(i){z(c);let l=P();return N(l.value,i)||(l.value=i),x(i)}),t()}if(a&2){let c=P(),p=C(4);v("ngModel",c.value),r("nzAutocomplete",p)}}var xe=(()=>{let o=class o{};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-status"]],standalone:!0,features:[h],decls:5,vars:2,consts:[["auto",""],["nzDirection","vertical",2,"width","100%"],["nz-input","","nzStatus","error",3,"ngModel","nzAutocomplete","ngModelChange",4,"nzSpaceItem"],["nz-input","","nzStatus","warning",3,"ngModel","nzAutocomplete","ngModelChange",4,"nzSpaceItem"],[3,"nzDataSource"],["nz-input","","nzStatus","error",3,"ngModelChange","ngModel","nzAutocomplete"],["nz-input","","nzStatus","warning",3,"ngModelChange","ngModel","nzAutocomplete"]],template:function(i,l){i&1&&(n(0,"nz-space",1),j(1,Re,1,2,"input",2)(2,Ge,1,2,"input",3),s(3,"nz-autocomplete",4,0),t()),i&2&&(m(3),r("nzDataSource",fe(1,Le)))},dependencies:[B,D,_,w,T,M,k,F,I,Ae,he,Ce],encapsulation:2});let a=o;return a})();var We=(a,o)=>o.category;function je(a,o){a&1&&(n(0,"button",5),s(1,"span",6),t())}function Pe(a,o){if(a&1&&(n(0,"nz-auto-option",4),e(1),n(2,"a",7),e(3),t(),n(4,"span",8),e(5),t()()),a&2){let c=o.$implicit;r("nzValue",c.category),m(),O(" Found ",c.value," on "),m(),r("href","https://s.taobao.com/search?q="+c.value,ge),m(),O(" ",c.category," "),m(2),O("",c.count," results")}}var Ee=(()=>{let o=class o{constructor(){this.options=[]}

2onChange(p){let i=p.target.value;this.options=new Array(this.getRandomInt(5,15)).join(".").split(".").map((l,u)=>({value:i,category:`${i}${u}`,count:this.getRandomInt(200,100)}))}getRandomInt(p,i=0){return Math.floor(Math.random()*(p-i+1))+i}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete-uncertain-category"]],standalone:!0,features:[h],decls:8,vars:3,consts:[["suffixIconButton",""],["auto",""],["nzSearch","","nzSize","large",3,"nzAddOnAfter"],["placeholder","input here","nz-input","",3,"ngModelChange","input","ngModel","nzAutocomplete"],[1,"search-item",3,"nzValue"],["nz-button","","nzType","primary","nzSize","large","nzSearch",""],["nz-icon","","nzType","search","nzTheme","outline"],["target","_blank","rel","noopener noreferrer",1,"search-item-desc",3,"href"],[1,"search-item-count"]],template:function(i,l){if(i&1){let u=y();n(0,"nz-input-group",2)(1,"input",3),b("ngModelChange",function(d){return z(u),N(l.inputValue,d)||(l.inputValue=d),x(d)}),A("input",function(d){return z(u),x(l.onChange(d))}),t()(),j(2,je,2,0,"ng-template",null,0,X),n(4,"nz-autocomplete",null,1),V(6,Pe,6,5,"nz-auto-option",4,We),t()}if(i&2){let u=C(3),g=C(5);r("nzAddOnAfter",u),m(),v("ngModel",l.inputValue),r("nzAutocomplete",g),m(5),H(l.options)}},dependencies:[B,D,_,w,T,M,L,k,be,Ne,ye,ve,ee,G,F,I,ne],styles:[`.search-item{display:flex}.search-item-desc{flex:auto;text-overflow:ellipsis;overflow:hidden}.search-item-count{flex:none}
3`],encapsulation:2});let a=o;return a})();var Be=(()=>{let o=class o{constructor(){this.expanded=!1}goLink(p){window&&(window.location.hash=p)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(p=>p.expandCode(this.expanded))}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete"]],viewQuery:function(i,l){if(i&1&&J(W,5),i&2){let u;Y(u=K())&&(l.codeBoxes=u)}},standalone:!0,features:[h],decls:559,vars:39,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-auto-complete-demo-basic","nzTitle","\u57FA\u672C\u4F7F\u7528"],["nzHref","#components-auto-complete-demo-object-value","nzTitle","\u4F7F\u7528\u5BF9\u8C61\u7C7B\u578B\u9009\u9879"],["nzHref","#components-auto-complete-demo-options","nzTitle","\u81EA\u5B9A\u4E49\u9009\u9879"],["nzHref","#components-auto-complete-demo-custom","nzTitle","\u81EA\u5B9A\u4E49\u8F93\u5165\u7EC4\u4EF6"],["nzHref","#components-auto-complete-demo-non-case-sensitive","nzTitle","\u4E0D\u533A\u5206\u5927\u5C0F\u5199"],["nzHref","#components-auto-complete-demo-certain-category","nzTitle","\u67E5\u8BE2\u6A21\u5F0F - \u786E\u5B9A\u7C7B\u76EE"],["nzHref","#components-auto-complete-demo-uncertain-category","nzTitle","\u67E5\u8BE2\u6A21\u5F0F - \u4E0D\u786E\u5B9A\u7C7B\u76EE"],["nzHref","#components-auto-complete-demo-status","nzTitle","\u81EA\u5B9A\u4E49\u72B6\u6001"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C\u4F7F\u7528","nzSelector","nz-demo-auto-complete-basic","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-basic <name>","nzComponentName","NzDemoAutoCompleteBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u81EA\u5B9A\u4E49\u9009\u9879","nzSelector","nz-demo-auto-complete-options","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-options <name>","nzComponentName","NzDemoAutoCompleteOptionsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u4E0D\u533A\u5206\u5927\u5C0F\u5199","nzSelector","nz-demo-auto-complete-non-case-sensitive","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-non-case-sensitive <name>","nzComponentName","NzDemoAutoCompleteNonCaseSensitiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u67E

35\u8BE2\u6A21\u5F0F - \u4E0D\u786E\u5B9A\u7C7B\u76EE","nzSelector","nz-demo-auto-complete-uncertain-category","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-uncertain-category <name>","nzComponentName","NzDemoAutoCompleteUncertainCategoryComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","https://ant.design/docs/spec/reaction#Lookup-Patterns","target","_blank","rel","noopener"],["nzTitle","\u4F7F\u7528\u5BF9\u8C61\u7C7B\u578B\u9009\u9879","nzSelector","nz-demo-auto-complete-object-value","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-object-value <name>","nzComponentName","NzDemoAutoCompleteObjectValueComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","https://angular.cn/api/forms/SelectControlValueAccessor","target","_blank","rel","noopener"],["nzTitle","\u81EA\u5B9A\u4E49\u8F93\u5165\u7EC4\u4EF6","nzSelector","nz-demo-auto-complete-custom","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-custom <name>","nzComponentName","NzDemoAutoCompleteCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u67E5\u8BE2\u6A21\u5F0F - \u786E\u5B9A\u7C7B\u76EE","nzSelector","nz-demo-auto-complete-certain-category","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-certain-category <name>","nzComponentName","NzDemoAutoCompleteCertainCategoryComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u72B6\u6001","nzSelector","nz-demo-auto-complete-status","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-status <name>","nzComponentName","NzDemoAutoCompleteStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["id","[nzautocomplete]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nzautocomplete]:standalone'",1,"anchor"],["id","nz-autocomplete:standalone"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-autocomplete:standalone'",1,"anchor"],["id","nz-auto-option:standalone"],["onclick","window.location.hash = 'nz-auto-option:standalone'",1,"anchor"]],template:function(i,l){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),A("nzClick",function(g){return l.goLink(g)}),s(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10),t()(),n(12,"section",11)(13,"h1"),e(14,"Autocomplete"),n(15,"span",12),e(16,"\u81EA\u52A8\u5B8C\u6210"),t(),s(17,"span",13),n(18,"a",14),s(19,"span",15),t()(),n(20,"section",11),S(),n(21,"p"),e(22,"\u8F93\u5165\u6846\u81EA\u52A8\u5B8C\u6210\u529F\u80FD\u3002"),t(),n(23,"h2",16)(24,"span"),e(25,"\u4F55\u65F6\u4F7F\u7528"),t(),n(26,"a",17),e(27,"#"),t()(),n(28,"p"),e(29,"\u9700\u8981\u81EA\u52A8\u5B8C\u6210\u65F6\u3002"),t(),n(30,"pre",18)(31,"code")(32,"span",19),e(33,"import"),t(),e(34," "),n(35,"span",20),e(36,"{"),t(),e(37," NzAutocompleteModule "),n(38,"span",20),e(39,"}"),t(),e(40," "),n(41,"span",19),e(42,"from"),t(),e(43," "),n(44,"span",21),e(45,"'ng-zorro-antd/auto-complete'"),t(),n(46,"span",20),e(47,";"),t()()(),E(),t(),n(48,"h2")(49,"span"),e(50,"\u4EE3\u7801\u6F14\u793A"),t(),n(51,"span",22),A("click",function(){return l.expandAllCode()}),t()()(),n(52,"div",23)(53,"div",24)(54,"nz-code-box",25),s(55,"nz-demo-auto-complete-basic",26),n(56,"div",27),S(),n(57,"p"),e(58,"\u57FA\u672C\u4F7F\u7528\u3002\u901A\u8FC7 "),n(59,"code"),e(60,"nzDataSource"),t(),e(61," \u8BBE\u7F6E\u81EA\u52A8\u5B8C\u6210\u7684\u6570\u636E\u6E90"),t(),E(),t()(),n(62,"nz-code-box",28),s(63,"nz-demo-auto-complete-options",26),n(64,"div",27),S(),n(65,"p"),e(66,"\u4E5F\u53EF\u4EE5\u76F4\u63A5\u4F20 "),n(67,"code"),e(68,"nz-auto-option"),t(),e(69," \u4F5C\u4E3A "),n(70,"code"),e(71,"nz-autocomplete"),t(),e(72," \u7684 Content\uFF0C\u800C\u975E\u4F7F\u7528 "),n(73,"code"),e(74,"nzDataSource"),t(),e(75,"\u3002"),t(),E(),t()(),n(76,"nz-code-box",29),s(77,"nz-demo-auto-complete-non-case-sensitive",26),n(78,"div",27),S(),n(79,"p"),e(80,"\u4E0D\u533A\u5206\u5927\u5C0F\u5199\u7684 AutoComplete"),t(),E(),t()(),n(81,"nz-code-box",30),s(82,"nz-demo-auto-complete-uncertain-category",26),n(83,"div",27),S(),n(84,"p")(85,"a",31),e(86,"\u67E5\u8BE2\u6A21\u5F0F: \u4E0D\u786E\u5B9A\u7C7B\u76EE"),t(),e(87," \u793A\u4F8B\u3002"),t(),E(),t()()(),n(88,"div",24)(89,"nz-code-box",32),s(90,"nz-demo-auto-complete-object-value",26),n(91,"div",27),S(),n(92,"p"),e(93,"\u5F53 "),n(94,"code"),e(95,"nzValue"),t(),e(96," \u548C "),n(97,"code"),e(98,"ngModel"),t(),e(99," \u7C7B\u578B\u4E3A "),n(100,"code"),e(101,"object"),t(),e(102," \u65F6\u4F7F\u7528 "),n(103,"code"),e(104,"compareWith"),t(),e(105,"("),n(106,"a",33),e(107,"SelectControlValueAccessor"),t(),e(108,")\u3002"),t(),E(),t()(),n(109,"nz-code-box",34),s(110,"nz-demo-auto-complete-custom",26),n(111,"div",27),S(),n(112,"p"),e(113,"\u81EA\u5B9A\u4E49\u8F93\u5165\u7EC4\u4EF6\u3002"),t(),E(),t()(),n(114,"nz-code-box",35),s(115,"nz-demo-auto-complete-certain-category",26),n(116,"div",27),S(),n(117,"p")(118,"a",31),e(119,"\u67E

35\u8BE2\u6A21\u5F0F: \u786E\u5B9A\u7C7B\u76EE"),t(),e(120," \u793A\u4F8B\u3002"),t(),E(),t()(),n(121,"nz-code-box",36),s(122,"nz-demo-auto-complete-status",26),n(123,"div",27),S(),n(124,"p"),e(125,"\u4F7F\u7528 "),n(126,"code"),e(127,"nzStatus"),t(),e(128," \u4E3A AutoComplete \u6DFB\u52A0\u72B6\u6001\uFF0C\u53EF\u9009 "),n(129,"code"),e(130,"error"),t(),e(131," \u6216\u8005 "),n(132,"code"),e(133,"warning"),t(),e(134,"\u3002"),t(),E(),t()()()(),n(135,"section",37),S(),n(136,"h2",38)(137,"span"),e(138,"API"),t(),n(139,"a",39),e(140,"#"),t()(),n(141,"pre",40)(142,"code")(143,"span",41)(144,"span",41)(145,"span",20),e(146,"<"),t(),e(147,"input"),t(),e(148," "),n(149,"span",42),e(150,"nz-input"),t(),e(151," "),n(152,"span",42),e(153,"[(ngModel)]"),t(),n(154,"span",43)(155,"span",20),e(156,"="),t(),n(157,"span",20),e(158,'"'),t(),e(159,"value"),n(160,"span",20),e(161,'"'),t()(),e(162," "),n(163,"span",42),e(164,"[nzAutocomplete]"),t(),n(165,"span",43)(166,"span",20),e(167,"="),t(),n(168,"span",20),e(169,'"'),t(),e(170,"auto"),n(171,"span",20),e(172,'"'),t()(),n(173,"span",20),e(174,">"),t()(),e(175,`
4`),n(176,"span",41)(177,"span",41)(178,"span",20),e(179,"<"),t(),e(180,"nz-autocomplete"),t(),e(181," "),n(182,"span",42),e(183,"[nzDataSource]"),t(),n(184,"span",43)(185,"span",20),e(186,"="),t(),n(187,"span",20),e(188,'"'),t(),e(189,"["),n(190,"span",20),e(191,"'"),t(),e(192,"12345"),n(193,"span",20),e(194,"'"),t(),e(195,", "),n(196,"span",20),e(197,"'"),t(),e(198,"23456"),n(199,"span",20),e(200,"'"),t(),e(201,", "),n(202,"span",20),e(203,"'"),t(),e(204,"34567"),n(205,"span",20),e(206,"'"),t(),e(207,"]"),n(208,"span",20),e(209,'"'),t()(),e(210," "),n(211,"span",42),e(212,"#auto"),t(),n(213,"span",20),e(214,">"),t()(),n(215,"span",41)(216,"span",41)(217,"span",20),e(218,"</"),t(),e(219,"nz-autocomplete"),t(),n(220,"span",20),e(221,">"),t()()()(),n(222,"pre",40)(223,"code")(224,"span",41)(225,"span",41)(226,"span",20),e(227,"<"),t(),e(228,"input"),t(),e(229," "),n(230,"span",42),e(231,"nz-input"),t(),e(232," "),n(233,"span",42),e(234,"[(ngModel)]"),t(),n(235,"span",43)(236,"span",20),e(237,"="),t(),n(238,"span",20),e(239,'"'),t(),e(240,"value"),n(241,"span",20),e(242,'"'),t()(),e(243," "),n(244,"span",42),e(245,"[nzAutocomplete]"),t(),n(246,"span",43)(247,"span",20),e(248,"="),t(),n(249,"span",20),e(250,'"'),t(),e(251,"auto"),n(252,"span",20),e(253,'"'),t()(),n(254,"span",20),e(255,">"),t()(),e(256,`
5`),n(257,"span",41)(258,"span",41)(259,"span",20),e(260,"<"),t(),e(261,"nz-autocomplete"),t(),e(262," "),n(263,"span",42),e(264,"#auto"),t(),n(265,"span",20),e(266,">"),t()(),e(267,`
6  `),n(268,"span",41)(269,"span",41)(270,"span",20),e(271,"<"),t(),e(272,"nz-auto-option"),t(),e(273," "),n(274,"span",42),e(275,"[nzValue]"),t(),n(276,"span",43)(277,"span",20),e(278,"="),t(),n(279,"span",20),e(280,'"'),t(),n(281,"span",20),e(282,"'"),t(),e(283,"12345"),n(284,"span",20),e(285,"'"),t(),n(286,"span",20),e(287,'"'),t()(),n(288,"span",20),e(289,">"),t()(),e(290,"12345"),n(291,"span",41)(292,"span",41)(293,"span",20),e(294,"</"),t(),e(295,"nz-auto-option"),t(),n(296,"span",20),e(297,">"),t()(),e(298,`
7  `),n(299,"span",41)(300,"span",41)(301,"span",20),e(302,"<"),t(),e(303,"nz-auto-option"),t(),e(304," "),n(305,"span",42),e(306,"[nzValue]"),t(),n(307,"span",43)(308,"span",20),e(309,"="),t(),n(310,"span",20),e(311,'"'),t(),n(312,"span",20),e(313,"'"),t(),e(314,"23456"),n(315,"span",20),e(316,"'"),t(),n(317,"span",20),e(318,'"'),t()(),n(319,"span",20),e(320,">"),t()(),e(321,"23456"),n(322,"span",41)(323,"span",41)(324,"span",20),e(325,"</"),t(),e(326,"nz-auto-option"),t(),n(327,"span",20),e(328,">"),t()(),e(329,`
8  `),n(330,"span",41)(331,"span",41)(332,"span",20),e(333,"<"),t(),e(334,"nz-auto-option"),t(),e(335," "),n(336,"span",42),e(337,"[nzValue]"),t(),n(338,"span",43)(339,"span",20),e(340,"="),t(),n(341,"span",20),e(342,'"'),t(),n(343,"span",20),e(344,"'"),t(),e(345,"34567"),n(346,"span",20),e(347,"'"),t(),n(348,"span",20),e(349,'"'),t()(),n(350,"span",20),e(351,">"),t()(),e(352,"34567"),n(353,"span",41)(354,"span",41)(355,"span",20),e(356,"</"),t(),e(357,"nz-auto-option"),t(),n(358,"span",20),e(359,">"),t()(),e(360,`
9`),n(361,"span",41)(362,"span",41)(363,"span",20),e(364,"</"),t(),e(365,"nz-autocomplete"),t(),n(366,"span",20),e(367,">"),t()()()(),n(368,"h3",44)(369,"span"),e(370,"[nzAutocomplete]"),t(),n(371,"label",45),e(372,"directive"),t(),n(373,"label",46),e(374,"standalone"),t(),n(375,"a",47),e(376,"#"),t()(),n(377,"table")(378,"thead")(379,"tr")(380,"th"),e(381,"\u5C5E\u6027"),t(),n(382,"th"),e(383,"\u8BF4\u660E"),t(),n(384,"th"),e(385,"\u7C7B\u578B"),t(),n(386,"th"),e(387,"\u9ED8\u8BA4\u503C"),t()()(),n(388,"tbody")(389,"tr")(390,"td")(391,"code"),e(392,"[nzAutocomplete]"),t()(),n(393,"td"),e(394,"\u7528\u4E8E\u7ED1\u5B9A nzAutocomplete \u7EC4\u4EF6"),t(),n(395,"td")(396,"code"),e(397,"NzAutocompleteComponent"),t()(),n(398,"td"),e(399,"-"),t()()()(),n(400,"h3",48)(401,"span"),e(402,"nz-autocomplete"),t(),n(403,"label",49),e(404,"component"),t(),n(405,"label",46),e(406,"standalone"),t(),n(407,"a",50),e(408,"#"),t()(),n(409,"table")(410,"thead")(411,"tr")(412,"th"),e(413,"\u5C5E\u6027"),t(),n(414,"th"),e(415,"\u8BF4\u660E"),t(),n(416,"th"),e(417,"\u7C7B\u578B"),t(),n(418,"th"),e(419,"\u9ED8\u8BA4\u503C"),t()()(),n(420,"tbody")(421,"tr")(422,"td")(423,"code"),e(424,"[nzBackfill]"),t()(),n(425,"td"),e(426,"\u4F7F\u7528\u952E\u76D8\u9009\u62E9\u9009\u9879\u7684\u65F6\u5019\uFF0C\u4F1A\u

9628A\u5F53\u524D\u9AD8\u4EAE\u9879\u7684\u503C\u5373\u65F6\u56DE\u586B\u5230\u8F93\u5165\u6846\u4E2D"),t(),n(427,"td")(428,"code"),e(429,"boolean"),t()(),n(430,"td")(431,"code"),e(432,"false"),t()()(),n(433,"tr")(434,"td")(435,"code"),e(436,"[nzDataSource]"),t()(),n(437,"td"),e(438,"\u81EA\u52A8\u5B8C\u6210\u7684\u6570\u636E\u6E90"),t(),n(439,"td")(440,"code"),e(441,"AutocompleteDataSource"),t()(),n(442,"td"),e(443,"-"),t()(),n(444,"tr")(445,"td")(446,"code"),e(447,"[nzDefaultActiveFirstOption]"),t()(),n(448,"td"),e(449,"\u662F\u5426\u9ED8\u8BA4\u9AD8\u4EAE\u7B2C\u4E00\u4E2A\u9009\u9879\u3002"),t(),n(450,"td")(451,"code"),e(452,"boolean"),t()(),n(453,"td")(454,"code"),e(455,"true"),t()()(),n(456,"tr")(457,"td")(458,"code"),e(459,"[nzWidth]"),t()(),n(460,"td"),e(461,"\u81EA\u5B9A\u4E49\u5BBD\u5EA6\u5355\u4F4D px"),t(),n(462,"td")(463,"code"),e(464,"number"),t()(),n(465,"td"),e(466,"\u89E6\u53D1\u5143\u7D20\u5BBD\u5EA6"),t()(),n(467,"tr")(468,"td")(469,"code"),e(470,"[nzOverlayClassName]"),t()(),n(471,"td"),e(472,"\u4E0B\u62C9\u6839\u5143\u7D20\u7684\u7C7B\u540D\u79F0"),t(),n(473,"td")(474,"code"),e(475,"string"),t()(),n(476,"td"),e(477,"-"),t()(),n(478,"tr")(479,"td")(480,"code"),e(481,"[nzOverlayStyle]"),t()(),n(482,"td"),e(483,"\u4E0B\u62C9\u6839\u5143\u7D20\u7684\u6837\u5F0F"),t(),n(484,"td")(485,"code"),e(486,"object"),t()(),n(487,"td"),e(488,"-"),t()(),n(489,"tr")(490,"td")(491,"code"),e(492,"[compareWith]"),t()(),n(493,"td"),e(494,"\u4E0E "),n(495,"a",33),e(496,"SelectControlValueAccessor"),t(),e(497," \u76F8\u540C"),t(),n(498,"td")(499,"code"),e(500,"(o1: any, o2: any) => boolean"),t()(),n(501,"td")(502,"code"),e(503,"(o1: any, o2: any) => o1===o2"),t()()()()(),n(504,"h3",51)(505,"span"),e(506,"nz-auto-option"),t(),n(507,"label",49),e(508,"component"),t(),n(509,"label",46),e(510,"standalone"),t(),n(511,"a",52),e(512,"#"),t()(),n(513,"table")(514,"thead")(515,"tr")(516,"th"),e(517,"\u5C5E\u6027"),t(),n(518,"th"),e(519,"\u8BF4\u660E"),t(),n(520,"th"),e(521,"\u7C7B\u578B"),t(),n(522,"th"),e(523,"\u9ED8\u8BA4\u503C"),t()()(),n(524,"tbody")(525,"tr")(526,"td")(527,"code"),e(528,"[nzValue]"),t()(),n(529,"td"),e(530,"\u7ED1\u5B9A\u5230\u89E6\u53D1\u5143\u7D20 ngModel \u7684\u503C"),t(),n(531,"td")(532,"code"),e(533,"any"),t()(),n(534,"td"),e(535,"-"),t()(),n(536,"tr")(537,"td")(538,"code"),e(539,"[nzLabel]"),t()(),n(540,"td"),e(541,"\u586B\u5165\u89E6\u53D1\u5143\u7D20\u663E\u793A\u7684\u503C"),t(),n(542,"td")(543,"code"),e(544,"string"),t()(),n(545,"td"),e(546,"-"),t()(),n(547,"tr")(548,"td")(549,"code"),e(550,"[nzDisabled]"),t()(),n(551,"td"),e(552,"\u7981\u7528\u9009\u9879"),t(),n(553,"td")(554,"code"),e(555,"boolean"),t()(),n(556,"td")(557,"code"),e(558,"false"),t()()()()(),E(),t()()),i&2&&(m(),r("nzOffsetTop",16),m(),r("nzAffix",!1),m(50),r("nzGutter",16),m(),r("nzXl",12)("nzSpan",24),m(),r("nzId","components-auto-complete-demo-basic")("nzLink","components-auto-complete-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/basic.md"),m(8),r("nzId","components-auto-complete-demo-options")("nzLink","components-auto-complete-demo-options")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/options.md"),m(14),r("nzId","components-auto-complete-demo-non-case-sensitive")("nzLink","components-auto-complete-demo-non-case-sensitive")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/non-case-sensitive.md"),m(5),r("nzId","components-auto-complete-demo-uncertain-category")("nzLink","components-auto-complete-demo-uncertain-category")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/uncertain-category.md"),m(7),r("nzXl",12)("nzSpan",24),m(),r("nzId","components-auto-complete-demo-object-value")("nzLink","components-auto-complete-demo-object-value")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/object-value.md"),m(20),r("nzId","components-auto-complete-demo-custom")("nzLink","components-auto-complete-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/

9auto-complete/demo/custom.md"),m(5),r("nzId","components-auto-complete-demo-certain-category")("nzLink","components-auto-complete-demo-certain-category")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/certain-category.md"),m(7),r("nzId","components-auto-complete-demo-status")("nzLink","components-auto-complete-demo-status")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/status.md"))},dependencies:[re,W,me,le,ae,oe,ie,te,G,pe,ue,de,se,ce,ze,xe,Ee],encapsulation:2});let a=o;return a})();var Ie=(()=>{let o=class o{constructor(){this.expanded=!1}goLink(p){window&&(window.location.hash=p)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(p=>p.expandCode(this.expanded))}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=f({type:o,selectors:[["nz-demo-auto-complete"]],viewQuery:function(i,l){if(i&1&&J(W,5),i&2){let u;Y(u=K())&&(l.codeBoxes=u)}},standalone:!0,features:[h],decls:562,vars:39,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-auto-complete-demo-basic","nzTitle","Basic Usage"],["nzHref","#components-auto-complete-demo-object-value","nzTitle","Use option with object type"],["nzHref","#components-auto-complete-demo-options","nzTitle","Customized"],["nzHref","#components-auto-complete-demo-custom","nzTitle","Customize Input Component"],["nzHref","#components-auto-complete-demo-non-case-sensitive","nzTitle","Non-case-sensitive AutoComplete"],["nzHref","#components-auto-complete-demo-certain-category","nzTitle","Lookup-Patterns - Certain Category"],["nzHref","#components-auto-complete-demo-uncertain-category","nzTitle","Lookup-Patterns - Uncertain Category"],["nzHref","#components-auto-complete-demo-status","nzTitle","Status"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic Usage","nzSelector","nz-demo-auto-complete-basic","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-basic <name>","nzComponentName","NzDemoAutoCompleteBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Customized","nzSelector","nz-demo-auto-complete-options","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-options <name>","nzComponentName","NzDemoAutoCompleteOptionsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Non-case-sensitive AutoComplete","nzSelector","nz-demo-auto-complete-non-case-sensitive","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-non-case-sensitive <name>","nzComponentName","NzDemoAutoCompleteNonCaseSensitiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Lookup-Patterns - Uncertain Category","nzSelector","nz-demo-auto-complete-uncertain-category","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-uncertain-category <name>","nzComponentName","NzDemoAutoCompleteUncertainCategoryComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","https://ant.design/docs/spec/reaction#Lookup-Patterns","target","_blank","rel","noopener"],["nzTitle","Use option with object type","nzSelector","nz-demo-auto-complete-object-value","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-object-value <name>","nzComponentName","NzDemoAutoCompleteObjectValueComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","https://angular.dev/api/forms/SelectControlValueAccessor","target","_blank","rel","noopener"],["nzTitle","Customize Input Component","nzSelector","nz-demo-auto-complete-custom","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-custom <name>","nzComponentName","NzDemoAutoCompleteCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Lookup-Patterns - Certain Category","nzSelector","nz-demo-auto-complete-certain-category","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-certain-category <name>","nzComponentName","NzDemoAutoCompleteCertainCategoryComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Status","nzSelector","nz-demo-auto-complete-status","nzGenerateCommand","ng g ng-zorro-antd:auto-complete-status <name>","nzComponentName","NzDemoAutoCompleteStatusComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["id","[nzautocomplete]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nzautocomplete]:standalone'",1,"anchor"],["id","nz-autocomplete:standalone"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-autocomplete:standalone'",1,"anchor"],["id","nz-auto-option:standalone"],["onclick","window.location.hash = 'nz-auto-option:standalone'",1,"anchor"]],template:function(i,l){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),A("nzClick",function(g){return l.goLink(g)}),s(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10),t()(),n(12,"section",11)(13,"h1"),e(14,"Autocomplete"),s(15,"span",12)(16,"span",13),n(17,"a",14),s(18,"span",15),t()(),n(19,"section",11),S(),n(20,"p"),e(21,"Autocomplete function of input field."),t(),n(22,"h2",16)(23,"span"),e(24,"When To Use"),t(),n(25,"a",17),e(26,"#"),t()(),n(27,"p"),e(28,"When there is a need for autocomplete functionality."),t(),n(29,"pre",18)(30,"code")(31,"span",19),e(32,"import"),t(),e(33," "),n(34,"span",20),e(35,"{"),t(),e(36," NzAutocompleteModule "),n(37,"span",20),e(38,"}"),t(),e(39," "),n(40,"span",19),e(41,"from"),t(),e(42," "),n(43,"span",21),e(44,"'ng-zorro-antd/auto-complete'"),t(),n(45,"span",20),e(46,";"),t()()(),E(),t(),n(47,"h2")(48,"span"),e(49,"Examples"),t(),n(50,"span",22),A("click",function(){return l.expandAllCode()}),t()()(),n(51,"div",23)(52,"div",24)(53,"nz-code-box",25),s(54,"nz-demo-auto-complete-basic",26),n(55,"div",27),S(),n(56,"p"),e(57,"Basic Usage, set "),n(58,"code"),e(59,"nzDataSource"),t(),e(60," of "),n(61,"code"),e(62,"nz-autocomplete"),t(),e(63," with dataSource property."),t(),E(),t()(),n(64,"nz-code-box",28),s(65,"nz-demo-auto-complete-options",26),n(66,"div",27),S(),n(67,"p"),e(68,"You could pass "),n(69,"code"),e(70,"nz-auto-option"),t(),e(71," as Content of "),n(72,"code"),e(73,"nz-autocomplete"),t(),e(74,", instead of using nzDataSource`."),t(),E(),t()(),n(75,"nz-code-box",29),s(76,"nz-demo-auto-complete-non-case-sensitive",26),n(77,"div",27),S(),n(78,"p"),e(79,"A non-case-sensitive AutoComplete"),t(),E(),t()(),n(80,"nz-code-box",30),s(81,"nz-demo-auto-complete-uncertain-category",26),n(82,"div",27),S(),n(83,"p"),e(84,"Demonstration of "),n(85,"a",31),e(86,"Lookup Patterns: Uncertain Category"),t(),e(87,"."),t(),E(),t()()(),n(88,"div",24)(89,"nz-code-box",32),s(90,"nz-demo-auto-complete-object-value",26),n(91,"div",27),S(),n(92,"p"),e(93,"Use "),n(94,"code"),e(95,"compareWith"),t(),e(96,"("),n(97,"a",33),e(98,"SelectControlValueAccessor"),t(),e(99,") when the "),n(100,"code"),e(101,"nzValue"),t(),e(102," and "),n(103,"code"),e(104,"ngModel"),t(),e(105," type is "),n(106,"code"),e(107,"object"),t(),e(108,"."),t(),E(),t()(),n(109,"nz-code-box",34),s(110,"nz-demo-auto-complete-custom",26),n(111,"div",27),S(),n(112,"p"),e(113,"Customize Input Component"),t(),E(),t()(),n(114,"nz-code-box",35),s(115,"nz-demo-auto-complete-certain-category",26),n(116,"div",27),S(),n(117,"p"),e(118,"Demonstration of "),n(119,"a",31),e(120,"Lookup Patterns: Certain Category"),t(),e(121,"."),t(),E(),t()(),n(122,"nz-code-box",36),s(123,"nz-demo-auto-complete-status",26),n(124,"div",27),S(),n(125,"p"),e(126,"Add status to AutoComplete with "),n(127,"code"),e(128,"nzStatus"),t(),e(129,", which could be "),n(130,"code"),e(131,"error"),t(),e(132," or "),n(133,"code"),e(134,"warning"),t(),e(135,"."),t(),E(),t()()()(),n(136,"section",37),S(),n(137,"h2",38)(138,"span"),e(139,"API"),t(),n(140,"a",39),e(141,"#"),t()(),n(142,"pre",40)(143,"code")(144,"span",41)(145,"span",41)(146,"span",20),e(147,"<"),t(),e(148,"input"),t(),e(149," "),n(1

vendor: 6,572 bytes, lines 9-15

950,"span",42),e(151,"nz-input"),t(),e(152," "),n(153,"span",42),e(154,"[(ngModel)]"),t(),n(155,"span",43)(156,"span",20),e(157,"="),t(),n(158,"span",20),e(159,'"'),t(),e(160,"value"),n(161,"span",20),e(162,'"'),t()(),e(163," "),n(164,"span",42),e(165,"[nzAutocomplete]"),t(),n(166,"span",43)(167,"span",20),e(168,"="),t(),n(169,"span",20),e(170,'"'),t(),e(171,"auto"),n(172,"span",20),e(173,'"'),t()(),n(174,"span",20),e(175,">"),t()(),e(176,`
10`),n(177,"span",41)(178,"span",41)(179,"span",20),e(180,"<"),t(),e(181,"nz-autocomplete"),t(),e(182," "),n(183,"span",42),e(184,"[nzDataSource]"),t(),n(185,"span",43)(186,"span",20),e(187,"="),t(),n(188,"span",20),e(189,'"'),t(),e(190,"["),n(191,"span",20),e(192,"'"),t(),e(193,"12345"),n(194,"span",20),e(195,"'"),t(),e(196,", "),n(197,"span",20),e(198,"'"),t(),e(199,"23456"),n(200,"span",20),e(201,"'"),t(),e(202,", "),n(203,"span",20),e(204,"'"),t(),e(205,"34567"),n(206,"span",20),e(207,"'"),t(),e(208,"]"),n(209,"span",20),e(210,'"'),t()(),e(211," "),n(212,"span",42),e(213,"#auto"),t(),n(214,"span",20),e(215,">"),t()(),n(216,"span",41)(217,"span",41)(218,"span",20),e(219,"</"),t(),e(220,"nz-autocomplete"),t(),n(221,"span",20),e(222,">"),t()()()(),n(223,"pre",40)(224,"code")(225,"span",41)(226,"span",41)(227,"span",20),e(228,"<"),t(),e(229,"input"),t(),e(230," "),n(231,"span",42),e(232,"nz-input"),t(),e(233," "),n(234,"span",42),e(235,"[(ngModel)]"),t(),n(236,"span",43)(237,"span",20),e(238,"="),t(),n(239,"span",20),e(240,'"'),t(),e(241,"value"),n(242,"span",20),e(243,'"'),t()(),e(244," "),n(245,"span",42),e(246,"[nzAutocomplete]"),t(),n(247,"span",43)(248,"span",20),e(249,"="),t(),n(250,"span",20),e(251,'"'),t(),e(252,"auto"),n(253,"span",20),e(254,'"'),t()(),n(255,"span",20),e(256,">"),t()(),e(257,`
11`),n(258,"span",41)(259,"span",41)(260,"span",20),e(261,"<"),t(),e(262,"nz-autocomplete"),t(),e(263," "),n(264,"span",42),e(265,"#auto"),t(),n(266,"span",20),e(267,">"),t()(),e(268,`
12  `),n(269,"span",41)(270,"span",41)(271,"span",20),e(272,"<"),t(),e(273,"nz-auto-option"),t(),e(274," "),n(275,"span",42),e(276,"[nzValue]"),t(),n(277,"span",43)(278,"span",20),e(279,"="),t(),n(280,"span",20),e(281,'"'),t(),n(282,"span",20),e(283,"'"),t(),e(284,"12345"),n(285,"span",20),e(286,"'"),t(),n(287,"span",20),e(288,'"'),t()(),n(289,"span",20),e(290,">"),t()(),e(291,"12345"),n(292,"span",41)(293,"span",41)(294,"span",20),e(295,"</"),t(),e(296,"nz-auto-option"),t(),n(297,"span",20),e(298,">"),t()(),e(299,`
13  `),n(300,"span",41)(301,"span",41)(302,"span",20),e(303,"<"),t(),e(304,"nz-auto-option"),t(),e(305," "),n(306,"span",42),e(307,"[nzValue]"),t(),n(308,"span",43)(309,"span",20),e(310,"="),t(),n(311,"span",20),e(312,'"'),t(),n(313,"span",20),e(314,"'"),t(),e(315,"23456"),n(316,"span",20),e(317,"'"),t(),n(318,"span",20),e(319,'"'),t()(),n(320,"span",20),e(321,">"),t()(),e(322,"23456"),n(323,"span",41)(324,"span",41)(325,"span",20),e(326,"</"),t(),e(327,"nz-auto-option"),t(),n(328,"span",20),e(329,">"),t()(),e(330,`
14  `),n(331,"span",41)(332,"span",41)(333,"span",20),e(334,"<"),t(),e(335,"nz-auto-option"),t(),e(336," "),n(337,"span",42),e(338,"[nzValue]"),t(),n(339,"span",43)(340,"span",20),e(341,"="),t(),n(342,"span",20),e(343,'"'),t(),n(344,"span",20),e(345,"'"),t(),e(346,"34567"),n(347,"span",20),e(348,"'"),t(),n(349,"span",20),e(350,'"'),t()(),n(351,"span",20),e(352,">"),t()(),e(353,"34567"),n(354,"span",41)(355,"span",41)(356,"span",20),e(357,"</"),t(),e(358,"nz-auto-option"),t(),n(359,"span",20),e(360,">"),t()(),e(361,`
15`),n(362,"span",41)(363,"span",41)(364,"span",20),e(365,"</"),t(),e(366,"nz-autocomplete"),t(),n(367,"span",20),e(368,">"),t()()()(),n(369,"h3",44)(370,"span"),e(371,"[nzAutocomplete]"),t(),n(372,"label",45),e(373,"directive"),t(),n(374,"label",46),e(375,"standalone"),t(),n(376,"a",47),e(377,"#"),t()(),n(378,"table")(379,"thead")(380,"tr")(381,"th"),e(382,"Property"),t(),n(383,"th"),e(384,"Description"),t(),n(385,"th"),e(386,"Type"),t(),n(387,"th"),e(388,"Default"),t()()(),n(389,"tbody")(390,"tr")(391,"td")(392,"code"),e(393,"[nzAutocomplete]"),t()(),n(394,"td"),e(395,"used to bind "),n(396,"code"),e(397,"nzAutocomplete"),t(),e(398," components"),t(),n(399,"td")(400,"code"),e(401,"NzAutocompleteComponent"),t()(),n(402,"td"),e(403,"-"),t()()()(),n(404,"h3",48)(405,"span"),e(406,"nz-autocomplete"),t(),n(407,"label",49),e(408,"component"),t(),n(409,"label",46),e(410,"standalone"),t(),n(411,"a",50),e(412,"#"),t()(),n(413,"table")(414,"thead")(415,"tr")(416,"th"),e(417,"Property"),t(),n(418,"th"),e(419,"Description"),t(),n(420,"th"),e(421,"Type"),t(),n(422,"th"),e(423,"Default"),t()()(),n(424,"tbody")(425,"tr")(426,"td")(427,"code"),e(428,"[nzBackfill]"),t()(),n(429,"td"),e(430,"backfill selected item the input when using keyboard"),t(),n(431,"td")(432,"code"),e(433,"boolean"),t()(),n(434,"td")(435,"code"),e(436,"false"),t()()(),n(437,"tr")(438,"td")(439,"code"),e(440,"[nzDataSource]"),t()(),n(441,"td"),e(442,"Data source for autocomplete"),t(),n(443,"td")(444,"code"),e(445,"AutocompleteDataSource"),t()(),n(446,"td"),e(447,"-"),t()(),n(448,"tr")(449,"td")(450,"code"),e(451,"[nzDefaultActiveFirstOption]"),t()(),n(452,"td"),e(453,"Whether active first option by default"),t(),n(454,"td")(455,"code"),e(456,"boolean"),t()(),n(457,"td")(458,"code"),e(459,"true"),t()()(),n(460,"tr")(461,"td")(462,"code"),e(463,"[nzWidth]"),t()(),n(464,"td"),e(465,"Custom width, unit px"),t(),n(466,"td")(467,"code"),e(468,"number"),t()(),n(469,"td"),e(470,"trigger element width"),t()(),n(471,"tr")(472,"td")(473,"code"),e(474,"[nzOverlayClassName]"),t()(),n(475,"td"),e(476,"Class name of the dropdown root element"),t(),n(477,"td")(478,"code"),e(479,"string"),t()(),n(480,"td"),e(481,"-"),t()(),n(482,"tr")(483,"td")(484,"code"),e(485,"[nzOverlayStyle]"),t()(),n(486,"td"),e(487,"Style of the dropdown root element"),t(),n(488,"td")(489,"code"),e(490,"object"),t()(),n(491,"td"),e(492,"-"),t()(),n(493,"tr")(494,"td")(495,"code"),e(496,"[compareWith]"),t()(),n(497,"td"),e(498,"Same as "),n(499,"a",33),e(500,"SelectControlValueAccessor"),t()(),n(501,"td")(502,"code"),e(503,"(o1: any, o2: any) => boolean"),t()(),n(504,"td")(505,"code"),e(506,"(o1: any, o2: any) => o1===o2"),t()()()()(),n(507,"h3",51)(508,"span"),e(509,"nz-auto-option"),t(),n(510,"label",49),e(511,"component"),t(),n(512,"label",46),e(513,"standalone"),t(),n(514,"a",52),e(515,"#"),t()(),n(516,"table")(517,"thead")(518,"tr")(519,"th"),e(520,"Property"),t(),n(521,"th"),e(522,"Description"),t(),n(523,"th"),e(524,"Type"),t(),n(525,"th"),e(526,"Default"),t()()(),n(527,"tbody")(528,"tr")(

15529,"td")(530,"code"),e(531,"[nzValue]"),t()(),n(532,"td"),e(533,"bind ngModel of the trigger element"),t(),n(534,"td")(535,"code"),e(536,"any"),t()(),n(537,"td"),e(538,"-"),t()(),n(539,"tr")(540,"td")(541,"code"),e(542,"[nzLabel]"),t()(),n(543,"td"),e(544,"display value of the trigger element"),t(),n(545,"td")(546,"code"),e(547,"string"),t()(),n(548,"td"),e(549,"-"),t()(),n(550,"tr")(551,"td")(552,"code"),e(553,"[nzDisabled]"),t()(),n(554,"td"),e(555,"disabled option"),t(),n(556,"td")(557,"code"),e(558,"boolean"),t()(),n(559,"td")(560,"code"),e(561,"false"),t()()()()(),E(),t()()),i&2&&(m(),r("nzOffsetTop",16),m(),r("nzAffix",!1),m(49),r("nzGutter",16),m(),r("nzXl",12)("nzSpan",24),m(),r("nzId","components-auto-complete-demo-basic")("nzLink","components-auto-complete-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/basic.md"),m(11),r("nzId","components-auto-complete-demo-options")("nzLink","components-auto-complete-demo-options")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/options.md"),m(11),r("nzId","components-auto-complete-demo-non-case-sensitive")("nzLink","components-auto-complete-demo-non-case-sensitive")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/non-case-sensitive.md"),m(5),r("nzId","components-auto-complete-demo-uncertain-category")("nzLink","components-auto-complete-demo-uncertain-category")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/uncertain-category.md"),m(8),r("nzXl",12)("nzSpan",24),m(),r("nzId","components-auto-complete-demo-object-value")("nzLink","components-auto-complete-demo-object-value")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/object-value.md"),m(20),r("nzId","components-auto-complete-demo-custom")("nzLink","components-auto-complete-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/custom.md"),m(5),r("nzId","components-auto-complete-demo-certain-category")("nzLink","components-auto-complete-demo-certain-category")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/certain-category.md"),m(8),r("nzId","components-auto-complete-demo-status")("nzLink","components-auto-complete-demo-status")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/auto-complete/demo/status.md"))},dependencies:[re,W,me,le,ae,oe,ie,te,G,pe,ue,de,se,ce,ze,xe,Ee],encapsulation:2});let a=o;return a})();var Je=[{path:"en",component:Ie},{path:"zh",component:Be}],rn=Je;export{rn as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.