Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
rudern
物联大师
提交
a19a091a
物
物联大师
项目概览
rudern
/
物联大师
通知
4
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
物
物联大师
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
a19a091a
编写于
9月 24, 2020
作者:
J
Jason
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
监听标签切换,加载相关页面(未具体实现)
监听路由,无对应标签,则需要新建标签(未实现)
上级
415ee7f4
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
39 addition
and
13 deletion
+39
-13
portal/src/app/main/main.component.html
portal/src/app/main/main.component.html
+1
-1
portal/src/app/main/main.component.ts
portal/src/app/main/main.component.ts
+38
-12
未找到文件。
portal/src/app/main/main.component.html
浏览文件 @
a19a091a
...
...
@@ -32,7 +32,7 @@
</nz-header>
<nz-content>
<div
class=
"inner-content"
>
<nz-tabset
nzLinkRouter
style=
"height: 100px;"
nzType=
"card"
>
<nz-tabset
nzLinkRouter
style=
"height: 100px;"
nzType=
"card"
(nzSelectChange)=
"onTabsChange($event)"
>
<nz-tab>
<a
nz-tab-link
routerLink=
"dash"
>
Default
</a>
Default.
...
...
portal/src/app/main/main.component.ts
浏览文件 @
a19a091a
...
...
@@ -58,23 +58,49 @@ export class MainComponent implements OnInit {
@
ViewChild
(
"
container
"
,
{
read
:
ViewContainerRef
})
container
:
ViewContainerRef
;
constructor
(
private
mqtt
:
MqttService
,
private
router
:
Router
,
private
resolver
:
ComponentFactoryResolver
)
{
router
.
events
.
subscribe
((
e
:
any
)
=>
{
console
.
log
(
'
router event
'
,
e
)
if
(
this
.
container
&&
this
.
container
.
createComponent
&&
e
.
snapshot
&&
e
.
snapshot
.
component
&&
e
.
snapshot
.
children
.
length
==
0
)
{
const
factory
=
resolver
.
resolveComponentFactory
(
e
.
snapshot
.
component
);
this
.
container
.
clear
();
const
ref
=
this
.
container
.
createComponent
(
factory
);
//TODO 第一次,container还未准备好
//TODO 添加路由参数
//TODO call ref.destroy() in ngOnDestroy
}
router
.
events
.
subscribe
((
e
:
any
)
=>
{
//console.log('router event', e)
// if (this.container && this.container.createComponent
// && e.snapshot && e.snapshot.component && e.snapshot.children.length == 0) {
//
// const factory = resolver.resolveComponentFactory(e.snapshot.component);
// this.container.clear();
// const ref = this.container.createComponent(factory);
// //TODO 第一次,container还未准备好
// //TODO 添加路由参数
// //TODO call ref.destroy() in ngOnDestroy
//
//
// }
});
//TODO unsubscribe
}
tabs
=
[];
onTabsChange
(
e
):
void
{
//TODO 实现标签页
// 1、打开对应标签,如果未加载组件,则解析路由,导入组件,已加载则忽略
// 2、路由切换,没有自动打开对应标签,可能情况:
// a、标签未创建或已经关闭,此时需要自动创建新标签,打开页面
// b、无效路由
//
//e.index
// this.router.routerState.snapshot.root.firstChild.firstChild.firstChild...
let
route
:
any
=
this
.
router
.
routerState
.
snapshot
.
root
;
while
(
route
.
firstChild
)
{
route
=
route
.
firstChild
;
}
const
factory
=
this
.
resolver
.
resolveComponentFactory
(
route
.
component
);
this
.
container
.
clear
();
const
ref
=
this
.
container
.
createComponent
(
factory
);
}
ngOnInit
():
void
{
this
.
mqtt
.
subscribe
(
'
/+/+/recv
'
).
subscribe
(
packet
=>
{
console
.
log
(
'
packet
'
,
packet
);
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录