Class overwrite when using internal links with *scGenericLink and *scRouterLink

[jcoronel94]

Description

Hi, Similar to #378 , classes are being overwritten when using the scGenericLink and scRouterLink directives with internal links. According the angular sample app, these directives are alternatives to the *scLink directive.

Expected behavior

Classes should preserve and if a class is set on internalLink field then it should append.

Steps To Reproduce

1. Start application in connected mode
2. Try to render a internal link with class set on the html and with no class set on the internalLink Field. <a class="foo" *scGenericLink="rendering.fields.internalLink"></a> <a class="foo" *scRouterLink="rendering.fields.internalLink"></a>

Your Environment

• Sitecore Version:9.3
• JSS Version:15.0.1
• Browser Name and version: All
• Operating System and version (desktop or mobile): All

Screenshots

[NijasHameed]

@jcoronel94 Did you find any workaround?, it works with *scLink but nit with alternatives

[andreypelykh]

@NijasHameed There are two workarounds: 1st:

<a *scGenericLink="rendering.fields.internalLink; attrs: {class: 'foo'}"></a>

2nd:

<a [class]="'foo'" *scGenericLink="rendering.fields.internalLink"></a>

[illiakovalenko]

Fixed in #1050