Conditional styling on host element

Question

I have a component that all it does is render , its something like this:

@Component({
     selector: \'my-comp\',
     host: ???,
     template: `
         

        

Answer 1

I think you want to let your component fire an event that can be catched by the host (and possibly pass some data with it).

To do that you would have an @output property like:

@Output() isChanged: EventEmitter = new EventEmitter()

then in your code you could do:

this.isChanged.emit(some value to pass)

And catch it like:

(isChanged)="doSomething($event)"