美文网首页
ngx-admin 问题记录

ngx-admin 问题记录

作者: 寻梦的竹子 | 来源:发表于2018-07-10 09:33 被阅读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出现的问题,其中一些解决办法确实很粗鲁,有好的方案希望大家留言!

    相关文章

      网友评论

          本文标题:ngx-admin 问题记录

          本文链接:https://www.haomeiwen.com/subject/vetfpftx.html