自定义组件中的角度材质2不会渲染-Java 学习之路

为了创建一个Web应用程序，我使用角度种子高级开始 . 我用角度材料2扩展它 . 只要我在“根”组件中，它就可以很好地工作 .

即：我已经制作了一个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就像魅力一样 .

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

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>

我只看到连续的“开始”和“结束”字样 . 当我查看渲染的html时，选择不会在批次中呈现 .

所有其他material2组件也会发生这种情况 .

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

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 { }
[...]

回复于 2024-04-26T03:11:09+08:00

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

1 回答

相关问题