1:右上角menu菜单, logout之后,login进来,会多次调用menu点击事件,
解决办法:根据下方朋友的方法测试之后,有效!
2:在 NbMenuComponent 组件上面添加badge
在github上面找到了这个问题:https://github.com/akveo/nebular/issues/467
得知,目前NbMenuComponent这个控件上面没有这个功能,后期应该会添加到计划中。
所以我只能用最笨的办法,在页面上找到dom,然后修改innerHTML
ngAfterViewInit() {
const temp_html = '疑问对账单 <span style = "margin-left: 5px;display: inline-block;padding: .15em .4em;' +
'min-width: 8px;border-radius: 18px;background-color: #F43530;color: #FFFFFF;line-height: 1.2;' +
'text-align: center;font-size: 12px;vertical-align: middle;">new</span>';
this.el.nativeElement.querySelector('nb-menu').children[0]
.children[3].children[1].children[3]
.children[0].children[1].innerHTML = temp_html;
}
最终的菜单结果如下:
image.png
P.S. 我会一直更新下去,记录使用ngx-admin出现的问题,其中一些解决办法确实很粗鲁,有好的方案希望大家留言!
网友评论