Angular: Emit decorator metadata by default

[kroeder]

Issue: #7544

What I did

I added emitDecoratorMetadata: true as default value to the ts compiler options. Angular dependency injection does not work correctly without it

How to test

• ng new test-app
• sb init
• create demo component with

@Component({
  selector: 'app-test',
  template: 'test.component.html'
})

export class TestComponent implements OnInit {
  constructor(private elementRef: ElementRef) {
    console.log(elementRef);
  }

  ngOnInit() {
  }
}

• add this component to a story
• It should fail now.
• modify ts_config.js in node_modules/@storybook/angular/server/ts_config.js

function default_1(configDir) {
    var configFilePath = resolveTsConfig(path_1.default.resolve(configDir, 'tsconfig.json'));
    return {
        transpileOnly: true,
        compilerOptions: {
          emitDecoratorMetadata: true
        },
        configFile: configFilePath || undefined,
    };
}

• it should work now

[shilman]

LGTM!

[shilman]

@kroeder can you update the failing test?

[kroeder]

I can. Haven't seen the failing tests because of the permanent false-positive A11y 😞