Hướng dẫn sử dụng

DnAutocomplete

Chức năng

• Kết hợp với nest-crud-typeorm-client để hiển thị dữ liệu ở dạng select, dữ liệu sẽ được truy vấn trên api theo từ khóa người dùng nhập

<dn-auto-complete
 [service]="service"
 fieldName="tenQuanHuyen"
 fieldValue="maQuanHuyen"
>
</dn-auto-complete>

@Component({
  templateUrl:'./component.html'
})
export class Component {
constructor(public service:QuanHuyenService){

}

export interface QuanHuyenEntity{
  maQuanHuyen:string;
  tenQuanHuyen:string;
}

@Injectable()
export class QuanHuyenService extends CrudBaseService<QuanHuyenEntity>{
  constructor(http:HttpClient){
    super({
      apiUrl:'locahost:3000',
      entity:'rest/quan-huyen'
    },http);
  }
}
}

Không hiển thị Dòng chữ Không có dữ liệu

<dn-auto-complete [displayNoValue]="false"> </dn-auto-complete>

Bắt sự kiện thay đổi dữ liệu khi tìm kiếm

<dn-auto-complete (valuesChange)="valuesChange($event)"> </dn-auto-complete>

public valuesChange(e:{ values: T[]; count: number }){

}

DnInput

<input placeholder="Demo DnInput" nbInput dnInput [label]="true" />
<input
 placeholder="Demo DnInput"
 nbInput
 dnInput
 labelFontWeight="600"
 [label]="true"
/>

<nb-select placeholder="Demo DnInput" dnInput [label]="true">
 <nb-option>Label</nb-option>
</nb-select>

import {DnInputModule} from 'ditagis-nebular'
@NgModule({
imports:[DnInputModule]
})
...