如何将输入参数从index.html文件传递到angular 2组件

Question

我需要将输入，配置参数设置为index.html中未提及的组件。

我可以看到如何对index.html中包含的组件选择器执行此操作。

如何从index.html进行操作？

Answer 1

您可以在Main模块类中进行如下配置

import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>{{name}} Sample</h2>
      {{myConfiguration | json}}
    </div>
  `,
})
export class App {
  name:string;
  myConfiguration:any=myConfiguration;
  constructor() {
    console.log(myConfiguration);
    this.name = 'Global Configuration'
  }
}

@NgModule({ 
  imports: [ BrowserModule ],
  declarations: [ App ],
  bootstrap: [ App]
})
export class AppModule {
    var myConfiguration={id:1,devmode:true};  

}

现场演示