title: Pass data to Angular element component
body: <p>Given I have a component which I want to export and use as a standalone angular-element-component. </p>
  
  <pre><code>export class CompanyFormComponent implements OnInit {
  
  @Input() public companyId: string;
  company: Company;
  companyForm: FormGroup;
  
  
  
  constructor(
      private companyService: CompanyService,
      private fb: FormBuilder,
    ) { }
  
  ngOnInit() {
  
  if (!this.companyId || this.companyId.length === 0) {
    console.log('Please provide an Id');
  }
  </code></pre>
  
  <p>....</p>
  
  <p>AppModule:</p>
  
  <pre><code>    export class AppModule {
    constructor(private injector: Injector) {}
    ngDoBootstrap() {
      const strategyFactory = new ElementZoneStrategyFactory(CompanyFormComponent, this.injector);
      const element = createCustomElement(CompanyFormComponent, { injector: this.injector, strategyFactory });
      customElements.define('app-company-form', element);
    } 
  }
  </code></pre>
  
  <p>Index.html:</p>
  
  <pre><code>&lt;app-company-form&gt;&lt;/app-company-form&gt;
  </code></pre>
  
  <p>I want to be able to inject any value where ever I use this component, as simple as:</p>
  
  <pre><code>&lt;app-company-form companyId=11&gt;&lt;/app-company-form&gt;
  </code></pre>
  
  <p>So the companyId can be populated from another place, completely outside Angular. I don't want to hard code the value inside angular.</p>
  
  <p>I have tried a few things, but nothing seemed to work.</p>