I'm struggling with the code in my component, which looks like this:
@Component({
selector: "home",
templateUrl: "./home.html"
})
export class Home {
constructor() {}
@HostBinding("class") @Input() public type: string = "alert"
@HostBinding("class") @Input() public position: string = "top"
}
Then in my main.html
:
<home></home>
The content of home.html
is empty.
However, I'm facing an issue where only the alert
class is being applied. How can I make both alert
and top
classes work together?