如何解决如何通过离子中的组件选择器将一个模块的所有子组件用作一个模块的主组件?
我在离子模块中有一个模块,在同一模块中有一些内部子部件。
模块的结构如下:
Car Folder
Straring Folder
|-> stearing.component.ts
|-> stearing.component.html
Tire Folder
|-> tire.component.ts
|-> tire.component.html
|-> Car.component.ts
|-> Car.component.html
|-> Car.module.ts
在这种结构中,car是一个模块,其中包含一个称为car
的主要组件。还有两个子组件stearing
和tire
汽车的html :
<div class="container">
<stearing></stearing>
<tire></tire>
</div>
Car.module.ts:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { StearingComponent } from './stearing.component';
import { TireComponent } from './tire.component';
@NgModule({
declarations: [stearingComponent,tireComponent],imports: [
CommonModule,],exports: [],})
export class CarModule { }
完成此配置后,当我使用Ionic CLI运行项目时,项目运行成功,但是两个组件tire
和stearing
的html和UI未加载到屏幕中。
上面的代码无法正常工作,因为我们还没有导出这两个组件。因此选择器不会将该组件的UI呈现到屏幕上。
为得到结果,我们需要导出该组件(轮胎,硬皮),然后将其用作选择器。用于导出每个组件。我们需要将其转换为single component module
。因此,带有导出组件的新结构如下所示:
Car Folder
Straring Folder
|-> stearing.component.ts
|-> stearing.component.html
|-> stearing.module.ts
Tire Folder
|-> tire.component.ts
|-> tire.component.html
|-> tire.module.ts
|-> Car.component.ts
|-> Car.component.html
|-> Car.module.ts
tire
和stearing
模块将仅导出该组件。然后,我们需要将这两个模块都导入到主car
模块中,然后选择器才能工作。
但是我的实际问题是,我不想通过将每个组件转换为single component module
来导出它...
没有导出子组件,是否有任何方法可以访问它的选择器?
如果有人知道解决方案,请在此处报告。这将节省我的时间。
我尝试过的事情:
我已经将所有组件创建到一个模块中,并从一个名为index.module.ts的模块文件中导出所有组件,然后将该模块文件导入到主模块中……我可以访问它的所有组件,但是似乎无效而且很奇怪。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。