如何將輸入參數從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};  

}

現場演示