ng-template | 基于angularjs创建的模块

I am using p-picklist and I want to edit target list span data used for displaying the value.

I am using the source code: https://primefaces.org/primeng/showcase/#/picklist

How can I make product name editable in the target list.

I have a Blog backend made with Strapi, where you can add some content-types like title field, description field and content field. I also have a boolean content-type to set if the blog is relevant or not. I set an ngFor in Angular to show all my blog entries; But I just want to show the relevant ones. Actually, I am showing the relevant ones using the ngIf directive, but Angular is leaving some white spaces for the non-relevant entries. Is there some way to remove these white spaces?? I guess it must be something with ng-template.

This is my html, where I set my ngFor:

I'm getting a problem with 'controls'enter image description here enter image description here "Object is possibly 'null'.ngtsc(2531)" and "Element implicitly has an 'any' type because type 'AbstractControl' has no index signature. Did you mean to call 'get'?ngtsc(7052)"

you can get an idea from this site https://csharp-video-tutorials.blogspot.com/2018/10/angular-dynamic-forms-tutorial.html what I want to do! I want to use formArray to check the validation. You can see below the picture whole hour input are displayed validation error. Because I didn't use formArray. when I implemented formArray It will get an error on this spot.

in the beginning I used this => *ngFor="let skill of employeeForm.get('skills').controls; let i = index" but the controls word is shown as an error!!!

.HTML

While saving all my grid rows, I need to check whether there is a duplicate for a specific column field

I am trying to create a directive to be applied to inputs and buttons, that will disable the element based on a condition that I get from a service.

I have already reviewed, and tried the following:

• Button @Directive to bind disable attribute via @Input in Angular
• Angular2 attribute directive Hostbinding to host attribute
• I have tried using just disabled for the HostBinding, but I get Can't bind to 'disabled' since it isn't a known property of 'button'.
• I have tried using attr.disabled, but then I get Attempted to set attribute `disabled` on a container node. Host bindings are not valid on ng-container or ng-template.
• I am sure that I am not trying to bind to ng-container or ng-template, I am binding directly to a button or input as in the example below
• I am able to bind directly to disabled using [disabled]="condition", but that is not what I want here

Here is what I currently have for the directive:

I am creating a simple app to test some stuff using observables and for some reason, when I wrap that code using an ng-template tag, the HTML simply doesn't show up.

The reason I'm using this ng-template before the div, is to use an *ngIf. Initially, I thought that the *ngIf was the problem, but when I removed that statement from the template, it still did not work. So the If is not the problem.

Any idea?

I need to create a dynamic form with multiple nested items. I've found this example

but i'm not sure it's doing deep recursive since once i've tried to add more levels of nested items - the ui brakes down.

Here is the default json structure with my attempts :

I am using ng-content to wrap one Angular component in another. The outer component should have full control about when the inner component is rendered or not. However, I ran into a situation, that I don't understand. The outer component uses a template like the following (simplified):

I have a p-table and I am using it to populate contents as per requirements in two tables. I want to add color to the row of second table according to a condition if column value-suspensed is equal to T then I want to add yellow color to that row. Data-Component.html-