Configuration for mdb-material-chips

Topic: Configuration for mdb-material-chips

junior5417 pro asked 5 years ago

Hi, I've two question regarding MDB-Material-Chips.

Can I include my own function checking when user pressed "ENTER".
How do I include "onInput" on MDB-Material-Chips tag

Regards, Nic

Add comment

Damian Gemza staff answered 5 years ago

Dear junior5417, What do you mean by pattern limitation? Do you want to place there a RegEx validation? If yes - you could try to add there your custom regex validation. But such feature is not available in our MDB Angular library. Best Regards, Damian

Add comment

junior5417 pro answered 5 years ago

0 0 Best answer

Hi Damian Thanks! It worked. Can I include pattern limitation to mdb-material-chips aswell?

Add comment

Damian Gemza staff answered 5 years ago

1 0 Best answer

Please insert min. 20 characters.

Dear Nic, It's easy to achieve your desired functionalities. Just take a look at my code: HTML:

<mdb-material-chips [(ngModel)]="addtags" (keydown.enter)="onEnterPress()" (input)="onInput($event)" ></mdb-material-chips>

TS:

hideElement: boolean = true;

addtags:string[] = [];

onEnterPress() {

console.log('enter');

}

onInput(event:any) {

console.log(event.target.value);

}

Best Regards, Damian

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Angular
MDB Version: 6.2.2
Device: Mac
Browser: Chrome
OS: OSX
Provided sample code: No
Provided link: No

junior5417

Pro User 261Support score
21Questions 19Answers 0Snippets