cds-control does not display the custom component

[wendellestradairely]

I'm trying to use ng-select to a cds-control for custom components but it doesn't display the component:

<cds-control>
	<label>Select an Option</label>
	<ng-select>
		<ng-option [value]="'male'">Male</ng-option>
		<ng-option [value]="'female'">Female</ng-option>
	</ng-select>
</cds-control>

[bbogdanov]

Hi @wendellestradairely,

Could you please provide a Stackblitz example?

[coryrylan]

This is because the cds-control attribute is needed to identify the custom component replacing the input. Checkout the "Generic content" section here.

<cds-control>
  <label>Select an Option</label>
  <ng-select cds-control>
    <ng-option [value]="'male'">Male</ng-option>
    <ng-option [value]="'female'">Female</ng-option>
  </ng-select>
</cds-control>

[wendellestradairely]

@bbogdanov Sorry, I've been busy in the past few days. I could not replicate it in StackBlitz. I'm still using a combination of Core & Angular components.
@coryrylan The cds-control directive/attribute worked perfectly.
Thanks guys!