ngx-admin 问题记录

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,056评论 3 119
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,905评论 0 17
  • 今天是周三,虽然比较辛苦,为了这顿情谊满满的午餐,要紧的午觉也不睡了!静下来慢慢的去用心去感受用味蕾去细细品味…这...
    人生如是阅读 3,602评论 0 1
  • 散列表(也叫哈希表)时根据键(key)而直接访问在内存位置的数据结构。它通过计算一个键值的函数,将需要的数据映射到...
    lskylines阅读 3,073评论 2 1
  • 正念练习:看见善性 感觉美好,我觉察到自己的嘴角向上翘,心底暖暖的,很放松。 看到美好,看见本初善,以我们真实和完...
    悠悠然a阅读 1,364评论 0 0

友情链接更多精彩内容