ngx-admin 问题记录

2018-07-10  本文已影响0人  寻梦的竹子

1:右上角menu菜单, logout之后,login进来,会多次调用menu点击事件,
解决办法:根据下方朋友的方法测试之后,有效!

image.png
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出现的问题,其中一些解决办法确实很粗鲁,有好的方案希望大家留言!

上一篇 下一篇

猜你喜欢

热点阅读