问题标签 [nebular]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
344 浏览

angularjs - ngx-admin 在新页面组件中添加 mapbox

我想如何在<nb-card-body>我创建的新页面中添加 mapbox?

我已经添加了 html 简单的 mapbox,但我的 mapsla 页面上没有显示任何内容......

我添加 mapbox 的组件是 mapsla,这个项目基于 ngx-admin starter-kit

mapsla.module.ts

mapsla.component.ts

mapsla.component.html

项目结构

ngx-admin 网络浏览器中的屏幕截图错误,地图不显示

0 投票
1 回答
563 浏览

nebular - 有没有办法关闭所有的星云烤面包机?

我需要像https://scttcper.github.io/ngx-toastr按钮一样关闭所有显示的 Toasts 按钮关闭所有 Toasts。

我想知道是否有办法一次关闭所有 NbToastr?

谢谢!

0 投票
1 回答
3178 浏览

angular - 如何将列布局拆分到指定空间并使用角星云制作不可滚动的容器

我正在使用带有固定标题的星云主题并尝试拆分具有指定宽度和高度的列。但似乎没有一个工作正常,因为列布局不受我在本地组件 scss 中的宽度和高度属性的影响。

由于我有一个固定的标题,所以正文容器再次从该top:0位置开始,因此使正文容器滚动。所以在这里我想让我的身体容器不使用overflow:hidden它就不会滚动。

我创建了一个 stackblitz 链接:https ://stackblitz.com/edit/github-gv8sej

  1. 请检查并帮助我使第一列宽度占<nb-layout>容器的 70%,第二列到 30% 总共 100%。
  2. 如何使我的主组件在具有固定标题时不可滚动。
0 投票
3 回答
3553 浏览

angular - 如何使用 Ngfor 默认打开 Nebular Accordion

我正在使用带有 Angular 7 的最新 Nebular 版本,在使用 nebular 手风琴时遇到问题。问题:默认情况下,活动手风琴不应该全部展开,我尝试使用 expand = true 但是所有手风琴都展开了,这不是用例。

0 投票
1 回答
3209 浏览

nebular - 星云主题覆盖主题变量

我试图通过在我的 theme.scss 文件中设置相应的变量来覆盖公司主题变量(nb-action 颜色)。

它看起来如下:

问题是 nb-action(s) 组件的颜色根本没有改变。我究竟做错了什么?

提前非常感谢!

0 投票
1 回答
289 浏览

angular - 来自@nebular/theme 的 NbSortDirection、NbSortRequest 在哪里?

我收到以下导入的语法错误。有人可以告诉如何解决这个问题吗?

模块 '"../../../../../../../../Users/denisputnam/git/nb-niche-app/node_modules/@nebular/theme"' 没有导出成员“NbSortDirection”。您的意思是 'NbLayoutDirection' 吗?ts(2724) direction.service.d.ts(6, 21): 'NbLayoutDirection' 在这里声明。

0 投票
1 回答
549 浏览

angular - 实现 NbRoleProvider

我正在NbRoleProvider我的Angular应用程序中使用Nebular.

我已经实现它如下:

如果我['admin']像预期的那样返回一个固定的数组角色。如果我尝试从商店订阅值,它将不起作用。调试我看到该方法在对象静止getRole时被调用了几次,然后在它被加载了正确的数组列表时被调用了几次。datanull

*nbIsGranted当订阅仍然等待来自商店的数据时,该指令似乎在第一时间呈现。

我想念什么?

0 投票
2 回答
1423 浏览

angular - 如何在不使用 ngx-Admin Starter Kit 的情况下使用 ngx-Admin 组件?

我在 Angular 中创建了一个安装了 nebular 的新项目。我不想使用 ngx-Admin Starter 工具包。但是我可以在我的新项目中使用 ngx-Admin Starter kit 中的所有组件而不使用入门工具包吗?

那么有没有可能用一个看起来像 ngx-Admin Starter Kit UI 的唯一 nebular 库来构建 100% UI?

例如:我无法<ngx-sample-layout></ngx-sample-layout>在我的新项目中使用。同样,其他组件(<ngx-ecommerce-charts></ngx-ecommerce-charts>, <ngx-country-orders></ngx-country-orders>, <ngx-progress-section></ngx-progress-section>等)呢?

0 投票
1 回答
2590 浏览

angular - 如何将星云图标添加到角度项目?

我正在尝试使用 Angular 7 和 Nebular 创建一个 Webapp。

因此我使用原理图来安装 Nebular: ng add @nebular/theme

所以我的 node_modules 中确实有 nebular-icons 并作为依赖项包含在我的 package.json 中:

我还尝试将 nebular-icons 添加到 angular.json 中的样式中:

现在,如果我尝试使用图标,它仍然不会显示。例如:

不幸的是,图标不显示。我只能看到分隔 nb-actions 图标的行(“|”),但看不到图标本身。

谢谢你的帮助!

0 投票
1 回答
819 浏览

angular - 如何使用 login() 通过 nebular auth/login 库导航到主页?

我新创建了安装了 nebular 库的 Angular 项目。我想创建 3 个页面。(登录、注册和主页)。我已经分别在内置的 NbLoginComponent 和 NbRegisterComponent 的帮助下创建了登录和注册页面。现在我想在用户成功登录后单击 NbLoginComponent 的登录按钮后导航到主页(基本上我想使用此 login() 导航到主页)。那么我需要在哪里实现这样的功能呢?

现在我无法做任何事情,它与 NbLoginComponent 保持在同一页面中。 

同样,对于 NbRegisterComponent,如果我使用<nb-register></nb-register>,一旦用户成功注册,我想导航到登录页面 ---> 成功登录后 --> 主页。

那么我需要在哪里使用 nebular 库来实现这样的功能呢?

我已经获得了 nebular/auth 相关页面,例如登录、注册、注销等(带有最新的 Angular 7 和最新的 nebular 库)。

仅 NbLoginComponent 和 NbRegisterComponent 代码

预期:通过使用 NbLoginComponent 中的 login() 需要在成功登录后导航到主页。通过使用 NbRegisterComponent 中的 register() 需要在成功注册后导航到 loginPage。

实际:在上述两种情况下,它都停留在同一个页面中(意味着一旦您在成功登录后单击登录按钮,它就会停留在同一个登录页面,同样用于注册。)。