Topic: mdb-completer lavel is active ,when form is load first time

Water Damage Network pro asked 4 years ago


i am using multiple mdb-completer in my form but every auto-completer lavel is active the same time ,when form is loaded first time ,plz give me a solution
<mdb-completer [label]="'Post Code'" [datasource]="postCode" type="number" id="newUserZip" name="zip" matchClass="text-info" [(ngModel)]="newUserDetails.postalCode" [minSearchLength]="2">
</mdb-completer>


subub-global.ts
export const SUBURB_LIST=[
"ANU",
"BARTON",
"DARWIN",
"PARAP",
"ALAWA",
"BRINKIN",
"CASUARINA",
"COCONUT GROVE",
"JINGILI",
"LEE POINT",
"MILLNER",
];
xx.component.ts
_______________
import { POSTCODE_LIST} from '../../../services/commons/postcode-global';
import { SUBURB_LIST} from '../../../services/commons/Suburb-global';
import { STATE_LIST} from '../../../services/commons/state-global';
export class NewuserComponent implements OnInit {
postCode:any;
subUrb:any;
state:any;
constructor() {}
ngOnInit() {
this.postCode=POSTCODE_LIST;
this.subUrb=SUBURB_LIST;
this.state=STATE_LIST;
this.newUserDetails = {
id:"",
fullName:"",
 suburb:"",
 state:"",
postalCode:"",
country:"Australia",
};
}

Water Damage Network pro commented 4 years ago

https://paste.pics/3TD2S please check it,this problem also,if i type postal code in input area but give the list in begning, who came first in middile of charecter actually first come according to input area and one more problem is all list comming in center ,i want all list come in left in side

Arkadiusz Idzikowski staff commented 4 years ago

I don't see mdb-completer code in ts file you provided. In order to help you I need both HTML and TS code associated with our component. We will check the problem with search.

Arkadiusz Idzikowski staff answered 4 years ago


Please check if that problem still exists in version 6.2.4. Also I would need some more informations about ts code of your component, because I can't recreate this problem in my app with code you provided.

Water Damage Network pro commented 4 years ago

first you fix the add image in post section . It's too complicated for ubantu.


https://paste.pics/3T5BK

Arkadiusz Idzikowski staff answered 4 years ago


Dear Water Damage Network, Is there a value set in ngModel or the input is empty? Please provide a screenshot. Regards, Arek

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: laptop
  • Browser: chrome
  • OS: ubantu
  • Provided sample code: No
  • Provided link: No