问matInput指令在延迟加载的模块中不起作用
EN

Stack Overflow用户

提问于 2019-04-24 03:03:34

回答 1查看 298关注 0票数 1

我已经为延迟加载创建了一个模块，它在本质上是可以工作的，问题是由于某些原因，比如matInput不能工作。我的意思是，input没有得到它的华丽外观。

MatInputModule会相应地导入到模块中：

const routes = [
  {path: '', component: AddPlaceComponent}
];


const MaterialModules = [
  MatFormFieldModule,
  MatInputModule,
];

@NgModule({
  declarations: [    
    // Organisms
    PlaceAutocompleteComponent,    
    // Templates
    AddPlaceComponent,
  ],
  imports: [
    CommonModule,
    FormsModule, ReactiveFormsModule,
    RouterModule.forChild(routes),
    FlexLayoutModule,
    MaterialModules,
  ]
})
export class AddPlaceModule { }

PlaceAutocompleteComponent是需要input的地方，它非常简单：

<div>
  <input matInput placeholder="test" autocomplete="off">
</div>

尽管如此，控件看起来如下所示：

我就是看不出来。所有其他路由都工作正常。延迟加载也可以正常工作，控制台中没有警告或错误。

我遗漏了什么？

我认为这与延迟加载和/或路由有关？

angular

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-24 03:07:18

应在<mat-form-field><input matInput></mat-form-field>内部使用matInputs

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55817830

复制

相似问题

问matInput指令在延迟加载的模块中不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问matInput指令在延迟加载的模块中不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问matInput指令在延迟加载的模块中不起作用
EN