Assign a variable from a ng-container

Question

HTML <ng-container *ngFor="let permission of perm.values" [(ngModel)]="permissions = permission">

TS permissions: [];

Hi, I have this container in template and I have a permissions list in TS. I wanted to fill that permissions field with the values I get from '*ngFor'. How can I do that?

score 1 · Answer 1 · answered Apr 07 '22 at 09:10

1

You can use the permission inside the ng-continer like that:

<ng-container *ngFor="let permission of perm.values">
<p> {{permission}} </p>
</ng-container>

If you need more information take a look at this.

answered Apr 07 '22 at 09:10

Nik

56
5

i said i want it to assign the permission on the TS array – Apr 07 '22 at 12:19
maybe do it with a += in the ngmodel or asign the perm.values directly in TS – Nik Apr 08 '22 at 13:10

Nik Rubblers · Answer 2 · 2022-04-09T15:06:44.897

One approach is implementing a shared service as explained here;

Another approach is injecting data as you can find here;

I came across a feature request for *ngComponentOutletInput and *ngComponentOutletOutput in addition of *ngComponentOutlet but it seems still to be WIP even if it has been argument of debate for years: in the mean while this project (ng-dynamic-component) looks well mantained and not a joke.

This approach (a custom directive) is also very interesting.

score -1 · Answer 3 · answered Apr 09 '22 at 14:46

your approach is off. in your component, you should fill your permissions array with the values:

this.permissions = [...this.perm.values];

then just iterate permissions in your ngFor

<ng-container *ngFor="let permission of permissions" [(ngModel)]="permission">

Assign a variable from a ng-container

3 Answers3