Angular, withKnobs, and css changes

[vidarc]

Issue details

The addon, storybook/addon-knobs, doesn't appear to update dynamically when using directives.

The URL gets updated correctly. It just doesn't get applied to the component's directive. I tried both versions of the select knob, and neither worked. The default value gets applied correctly.

Please specify which version of Storybook and optionally any affected addons that you're running

• storybook/addon-actions: ^3.4.0-alpha.8,
• storybook/addon-knobs: ^3.4.0-alpha.8,
• storybook/addon-links: ^3.4.0-alpha.8,
• storybook/addon-notes: ^3.4.0-alpha.8,
• storybook/addons: ^3.4.0-alpha.8,
• storybook/angular: ^3.4.0-alpha.8,

Screenshots / Screencast / Code Snippets (Optional)

const colors = ['active', 'progressive', 'regressive', 'destructive'];

storiesOf('Button', module)
  .addDecorator(withKnobs)
  .add('Active Button', () => {
    const color = selectV2('color', colors, 'active');

    return {
      moduleMetadata: {
        imports: [AgButtonModule]
      },
      template: `<button ag-button [color]="color">Active Button</button>`,
      props: {
        color
      }
    };
  })
  .add('Disabled Button', () => {
    const color = select('color', colors, 'active');

    return {
      moduleMetadata: {
        imports: [AgButtonModule]
      },
      template: `<button ag-button [color]="color" disabled>Disabled Button</button>`,
      props: {
        color
      }
    };
  });

[vidarc]

closing. different issue (my own)