#Which data type is preferred for passing values to Input() property

3 messages · Page 1 of 1 (latest)

silk axle
#

The first instance in each code block is for approach 1
The second instance in each code block is for approach 2

<custom-button [buttonConfig]="{name:"send", type: "submit", isDisabled: false}"></custom-button>
OR
<custom-button name="send" type="submit" [isDisabled]="false"></custom-button>

@Input() buttonConfig: btnType = {} // can have some default obj
OR
@Input() name: string;
@Input() type: string;
@Input() isDisabled: boolean;

<button [type]="buttonConfig.type" [disabled]="buttonConfig.isDisabled">{{buttonConfig.name}}</button>
OR
<button [type]="type" [disabled]="isDisabled">{{name}}</button>
frozen robin
#

I'd rather use approach 2 given the context (ie the custom button is just for passing inputs)

silk axle