如何将输入参数传递给index.html文件中的角度2组件

时间:2017-03-09 21:48:54

标签: javascript html angular

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

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

我怎么能从index.html做起?

1 个答案:

答案 0 :(得分:0)

您可以在主模块类中进行配置,如下所示

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};  

}

<强> LIVE DEMO