Question

对于创建网络应用程序，我使用角度种子高级开始。我用角度材料2扩展了它。只要我在＆＃39; root＆＃39; -components。

，这就非常好用

即：我已经制作了一个default-layout.component。（ts | html | scss）。在html文件中我有这段代码：

<md-sidenav-layout class="md-sidenav-container">
    <md-sidenav #start mode="side" opened="true" class="sidenav-left">
        <md-select>
            <md-option>start</md-option>
            <md-option>end</md-option>
        </md-select>
        <np-nav-menu></np-nav-menu>
    </md-sidenav>
    <div class="main-content">
        <router-outlet></router-outlet>
    </div>
</md-sidenav-layout>

生成的md-select和md-sidenav就像魅力一样。

但是当我尝试在另一个组件中设置md-select时（例如：np-select-group）选择不会被渲染。

NP-SELECT-group.component.html：

<md-select>
    <md-option>start</md-option>
    <md-option>end</md-option>
</md-select>

默认-layout.component.html

<md-sidenav-layout class="md-sidenav-container">
        <md-sidenav #start mode="side" opened="true" class="sidenav-left">
            <np-select-group></np-select-group>

            <np-nav-menu></np-nav-menu>
        </md-sidenav>
        <div class="main-content">
            <router-outlet></router-outlet>
        </div>
    </md-sidenav-layout>

我只看到＆＃34;开始＆＃34;和＆＃34;结束＆＃34;连续。当我查看渲染的html时，选择不会在批次中呈现。

所有其他材料2组件都会发生这种情况。

我是否必须将其他一些内容导入我的自定义组件？

Answer 1

正如评论中所建议的那样：np-select-group.component位于不同的模块中。我需要在这个NgModule中导入MaterialModule。

group.module.ts：

[...]
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    HttpModule,
    RouterModule,
    MaterialModule
  ],
  declarations: [
   GROUP_COMPONENTS
  ],
  providers: [
   GROUP_PROVIDERS
  ],
  schemas: [
    NO_ERRORS_SCHEMA,
    CUSTOM_ELEMENTS_SCHEMA
  ],
  exports: [
    GROUP_COMPONENTS
  ]
})
export class GroupModule { }
[...]

自定义组件中的角度材质2不会渲染

1 个答案: