Question

我的问题是关于成角度的布线。我有一个组件TelephonicConversationComponent 这是SearchProfileComponent的子路由器。我想在TelephonicConversationComponent中再次使用组件（JdTextSearchComponent）。

基本上，我有两个标签（search-profile和jd-search）。在search-profile标签下，我还有两个标签（telephonic-conversation和schedule-meeting）。在jd-search下，我有两个标签，其中一个是jd-text-search。我想重复使用telephonic-conversation下的jd-text-search。

这是我的一部分代码，

`{path:"search-profile", component:SearchProfileComponent,children:[
   {path: '', redirectTo:'telephonic-conversation',pathMatch:'full'},
   {path:"telephonic-conversation", component:TelephonicConversationComponent},
    {path:'schedule-meeting',  component:ScheduleMeetingComponent},
 ]},
 {path:"jd-search", component:JdSearchComponent,children:[
   {path: '', redirectTo:'jd-file-search',pathMatch:'full'},
   {path:"jd-file-search", component:JdFileSearchComponent},
   {path:'jd-text-search',  component:JdTextSearchComponent},
 ]},`

如何重用telephonic-conversation下的jd-text-search？

Answer 1

如果您尝试使用组件，则可以在@Component批注中声明选择器

在要注入其他组件的组件的html中，可以使用选择器

示例：

  @Component({
  selector: 'child-component',
  templateUrl: './child-component.component.html',
  styleUrls: ['./child-component.component.scss']
  })

在您的parent.component.html中，您可以执行此操作

<child-component></child-component>

Answer 2

仅确保我们与这些条款在同一页面上...子组件是嵌套在父组件模板内的组件。

因此，要在父级组件中显示子组件，只需在jd-text-search.component.html的HTML中使用子组件中的选择器即可：

<telephonic-conversation></telephonic-conversation>

这会将组件直接放置在另一个组件内。（无路由）。

您在问什么吗？

角度4-如何将相同的组件用作两个不同父组件的子路由器？

2 个答案: