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

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

Water Damage Network pro asked 5 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>

Add comment

Water Damage Network pro answered 5 years ago

0 0 Best answer

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

Please insert min. 20 characters.

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 5 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 5 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.

Add comment

Arkadiusz Idzikowski staff answered 5 years ago

0 1 Best answer

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 5 years ago

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

Add comment

Water Damage Network pro answered 5 years ago

0 0 Best answer