Question

就回收代码而言，我正在尝试Angular 4+。重用组件和html代码的最佳方法是什么？

下面是我目前的努力...

我有一个基本组成部分：

 export class BaseComponent { 

public rootPage: any = 'Base';

  constructor(public navCtrl: NavController, private loadingCtrl: LoadingController) {
  }
  overView: any = OverviewComponent;
  listView: any = DatatableComponent;

  public pushEntity(selected: any) {
    this.navCtrl.push(ProfileComponent, {selectedProfile : selected});
  }

}

简单的base.html：

<ion-tabs tabsPlacement="top">
    <ion-tab [root]="overView" tabTitle="Overview"></ion-tab>
    <ion-tab [root]="listView" tabTitle="All"></ion-tab>
</ion-tabs>

我想在这种情况下重复使用

base.routing：

const routes: Routes = [
  Route.withShell([
    {
        path: 'companies',
        component: BaseComponent,
        data: { title: extract('Companies') },
    },
    {
        path: 'people',
        component: BaseComponent,
        data: { title: extract('People') },
    }
    ])
];

现在，这些URL将指向相同的组件，并使用不同的参数（例如，通过TitleService的页面标题），我可以执行一些变通办法，以向每个表填充有关人员或公司的相关数据。这是回收代码的最佳方法吗？

如果没有，你们会为企业级应用推荐什么？

Angular 4+可重用组件

0 个答案: