是否可以在角度材料标签上实现延迟加载?否则,我需要一种方法来在进入选项卡时运行方法。角度4材料标签加载标签选择
1
A
回答
2
您可以使用<md-tab-group>
提供的selectChange
事件。它在选项卡选择更改时触发。从documentation:
@Output()selectChange:当所述标签选择具有发射事件 改变。
在模板:
<md-tab-group (selectChange)="tabSelectionChanged($event)">
<md-tab label="Tab 1">Content 1</md-tab>
<md-tab label="Tab 2">
This tab will load some morecontents after 5 seconds.
<p>{{ moreContents }}</p>
</md-tab>
</md-tab-group>
...在你的打字稿代码:
链接working demo。
1
作为文档读取
虽然
<md-tab-group>
使用单个 路线内视图之间进行切换,<nav md-tab-nav-bar>
提供了一种用于路由之间进行导航 翼状UI。
通过使用此方法,可以使每个选项卡单独路由,因此每次激活路由时都会加载每个页面。
<nav md-tab-nav-bar>
<a md-tab-link
*ngFor="let link of navLinks"
[routerLink]="link"
routerLinkActive #rla="routerLinkActive"
[active]="rla.isActive">
{{tabLink.label}}
</a>
</nav>
<router-outlet></router-outlet>
请下选项卡和导航部分获取更多here。
相关问题
- 1. 角材料标签
- 2. 角度材料滑动标签
- 3. 角2材料MD-标签尺寸
- 4. 角材料标签自定义HTML
- 5. 角材料单独MD-标签体
- 6. 量角器 - 无法点击角度材料标签
- 7. 角材2标签
- 8. Angular 4如何禁用角度材质标签组中的标签导航?
- 9. 拖放两个角度材料标签之间
- 10. 角度材质自定义标签
- 11. Flex 4标签和选择
- 12. 如何将内容添加到角材料标签
- 13. 从模板添加动态内容在MD-标签角材料
- 14. 使用MD-ON-选择在角材料的MD-标签延迟UI
- 15. 角度材料嵌套的选择组
- 16. NG-模板在MD-标签复杂的标签材料2
- 17. 用角材制作图标标签?
- 18. 如何在角度飞镖材料下拉列表上添加浮动标签选择
- 19. 材料角度与角4在生产
- 20. 角UI选择2标签 - 预选标签ID /文本
- 21. 更改材料角度日期选择器的语言4
- 22. 更改角度材料datePicker图标
- 23. angular2材料获得标签值
- 24. Angular2材料访问标签外面
- 25. 材料expansionpanel设置似乎没有一个材料标签
- 26. 选择标签时加载活动
- 27. 选择标签/选项标签麻烦
- 28. Rails 4 - 可以在选择标签内使用ruby标签吗?
- 29. 翻译角度带选择图标标签
- 30. 防止角材料中的标签更改事件md-tab