Angular and custom template and args/controls

[Ondrashx]

Hi I would like to use my custom template and able to use controls at the same time.

I can use my custom template like this:

export const PrimaryDirect = () => ({
  template: '<bi-link-box [text]="text" [disabled]="disabled" [onClick]="onClick2"> </bi-link-box>',
  props: {
    text: 'My Label2',
    onClick2:    (...args) => { action('onClick')(args) },  //action('onClick2') as any,
    disabled: false
  } 
})

, but than I can not use controls as docs states that I need to use args. So I tried this (args and template used/provided)):

const Template: Story<LinkBoxComponent> = (args: LinkBoxComponent) => ({  
      template: '<bi-link-box [text]="text" [disabled]="disabled" [onClick]="onClick2"> </bi-link-box>',
      props: cleanArgs(args).props,
});

export const Primary = Template.bind({});
Primary.args = {
  text: 'My Label',
  onClick2:    (...args) => { action('onClick')(args) },  //action('onClick2') as any,
  disabled: false
};`

, but the template seems to be ignored - the storybook creates its own. I can not use the generated one, because I would like to provide onClick2 to onClick input property (I know it should be output, but lets not delve on that :) ) and the auto generated template has problems with that due to apostrophes etc.. Nevertheless, even if I did not have the problem, I would like to have the opprotunity to defien my own template and have controls available.

Does anybody have idea how to do that?