美文网首页
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 问题记录

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

  • 记录问题

    iOS11 之后,添加导航栏之后,视图添加在self.view 上面之后,视图的位置是0 0 开始的,结果视图添加...

  • angular 前端框架ngx-admin简单纪要

    URL传参 页面: 路由 接收: 参考:https://angular.io/guide/router POST ...

  • 【问题记录】问题记录专用

    【监听WebView点击事件】日期:2018.06.06 问题描述:使用WebViewClient中的should...

  • 文集序

    用于记录处理过 ubuntu 问题 用于记录处理过 windows 问题 用于记录处理过手机操作系统问题 用于记录...

  • 极简主义喜欢的ngx-admin项目

    业余时间计划搞搞设计,最近翻阅前端资料,真是千变万化,很多新名词。 三端融合技术、前后端分离、前端也可以搞非常复杂...

  • 问题记录

    pip 安装包问题 问题描述:pip install 安装whl文件报错错误信息:UnicodeEncodeErr...

  • 问题记录

    1 使用Keras中自带的MNIST数据集的时候提示不存在 解决办法:直接复制这里提示的下载地址,下载匹配的mni...

  • 问题处理记录

    【Java】java mail Domain contains control or whitespace 异常描...

  • 问题记录

    问题一,打卡刷屏问题 回答人:奶爸 第一互动性强。 第二群反馈。 其他软件,易效能软件更早,但目前不能完成其他信息...

网友评论

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

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