Listeners on Directives

[lennerd]

Not sure if this is a bug or if I'm doing something wrong.

Seems like listen does not work well with directive. See the following example:

https://codesandbox.io/s/angular-composition-api-bug-listener-directive-817m0

When the button is clicked their should be a console log Button was clicked. But instead the callback is never called.

[lennerd]

Not sure if this is related, but I played around a little more and I realized, host bindings are not applied when used with directives.

function setup() {
  const id = use('test-id');

  return {
    id,  
  };
}

@Directive({
  selector: '[appTest]',
  host: { '[id]': 'id' },
})
export class TestDirective extends ViewDef(setup) {}

The id test-id will not get applied. If I also use some reactive value, the value gets applied as expected.

[antischematic]

Looks like a bug, the directive isn't initialising properly. Please raise issues in the issues tab so they can be tracked.

On a side note, the codesandbox example is needs ZonelessEventManager to be provided in the app module.

[lennerd]

On a side note, the codesandbox example is needs ZonelessEventManager to be provided in the app module.

Forgot that in this specific example. Thanks for the hint!

Idea: wouldn‘t it be nice to have some development error when the wrong event manager is registered?

[antischematic]

I've pushed a fix in 0.1303.0, if this does not resolve please reopen this ticket #23