将模块导入索引视图

Question

我正在做我的第一个angular2项目，所以这可能是一个初学者的问题。

首先，我使用angular cli设置了一个angular2项目。 我将angular material包添加到我的项目后，将其添加到instructions之后的src/app/app.module.ts：

import { MaterialModule } from '@angular/material';
// other imports 
@NgModule({
  imports: [MaterialModule],
  ...
})
export class AppModule { }

然后我可以在我的视图中使用这些组件，除了在index.html之外，它不会起作用！我假设它是因为角度生命周期预期在从index.html加载依赖项之前调用app.module.ts。

我也尝试将模块加载到main.ts（希望它会在index.html视图之前加载）：

import { MaterialModule } from '@angular/material';

不幸的是，这并没有解决问题。如何从index.html视图访问材料组件？