代码之家 › 专栏 › 技术社区 › Bikash Das

实现两个组件,并在另一个组件中同时使用这两个组件,就像角材质对其组件所做的那样

angular

Bikash Das · 技术社区 · 6 年前

<mat-drawer-container class="example-container">
  <mat-drawer mode="side" opened>Drawer content</mat-drawer>
  <mat-drawer-content>Main content</mat-drawer-content>
</mat-drawer-container>

事物是如何以这种嵌套方式工作的。我需要知道这些多个组件是如何帮助完成工作的。

1 回复 | 直到 6 年前

Chellappan à®µ 6 年前

使用ng内容支持一个select属性,该属性允许您在特定位置投影特定内容。此属性使用CSS选择器(my element、.my class、[my attribute],)来匹配所需的子级。

<mat-drawer-container class="example-container">
  <mat-drawer mode="side" opened>Drawer content</mat-drawer>
  <mat-drawer-content>Main content</mat-drawer-content>
</mat-drawer-container>

在你的垫子抽屉里-容器.html使用ng内容

<ng-content select='mat-drawer'></ng-content>
<ng-content select='mat-drawer-content '></ng-content>

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

6 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

6 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

6 月前

Jace Johnson · Typescript文件读取的变量类型错误

6 月前

Ole · Angular资源API是否支持为资源添加初始值?

6 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

6 月前