angular-react | Use React components inside Angular | Frontend Utils library

You can create a test FormGroup which consists of 2 password controls and apply validatePasswords validator to this group:

@MikeOne was right, i needed to separate component that contains all the controlValueAccessor.

I think, it is better to use FormGroup in this case, you can use field names for generating controls and creating FormGroup, and in the template you can just go through array and show inputs:

Component:

Stackblitz demo

There's nothing wrong with your data. It's likely a matter of timing. The form must be stable before you can patch any value. As you're doing it in OnInit, I suppose you're building the form in the constructor. If so, the form isn't ready to receive any values yet.

The simplest way to solve that is with an uncomfortable setTimeout. But I suppose that this is just for testing. In real cases, the data will probably get some time to be available anyway.

Your example above will work if you wrap it with the aforementioned setTimeout:

Effectively no difference.

The first one can be used in template driven forms as well while later is obviously part of reactive forms.

I tried from both side first i tried with GUI which is not working and then with CLI it's work fine first thing don't publish from GUI publish with CLI because we don't need to upload a dist file manually and for dist file we will use other command to make dist file and that dist file directly upload to GitHub.

and one thing is that don't make repository like this username.github.io make a repository with simple name like test or sample whatever you want.

To deploy your Angular application, first create a repository on GitHub. To do that navigate, to https://github.com/ and click on New Repository. I am creating a repository named for example "testing"

before implementing below step when u get error like this 'git' is not recognized as an internal or external command, operable program or batch file.

then you need to install git form Here

After the repository is created, use a git command to add this repository as a remote file to the local project. To do that, run the below command:

I recommend when you are working with multiple checkboxes, to use the SelectionModel from angular collections. Try not using reactive forms with multiple checkboxs control for filters like that, SelectionModel makes it so easier.

Here's the stackblitz, hope it helps.

https://stackblitz.com/edit/github-4rezan-yqxkyv

code:

html:

You have formControlName="group2" on your text . Instead, you should bind the data control of the group2 form group to the input: formControlName="data".

Use the same regex you are using but remove spaces from card number before validating.

You can use String.split() and Array.join() to do that.