问题标签 [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.
angular - StaticInjectorError(AppModule)[NbOAuth2AuthStrategy -> InjectionToken Window];NullInjectorError: No provider for InjectionToken Window
我们正在尝试在我们的新 Angular 项目中集成 nebular/auth(已添加 nebular/theme)以实现配置 Google Oauth2。HttpClientModule 也在 AppModule 的 imports 数组中配置。
在将 nebular/auth 模块集成到新的角度(角度 8.2.9)中以实现配置 Google Oauth2 身份验证机制时出现上述错误。
应用模块.ts
应用组件.ts
应用组件.html
如果一切配置正确,应显示登录按钮,将用户带到 Google 身份验证页面。但是显示错误(在 sub() 方法中注释了代码)如何解决这个问题?有版本冲突吗?
angular - ExpressionChangedAfterItHasBeenCheckedError 在对话框中预选反应形式时出现异常
我正在尝试使用具有动态表单数据初始化的反应式表单来实现对话框。该对话框位于一个子组件中,由我的主组件触发。
当我尝试预选/填充表单组件时,出现此错误:
仅当我使用值预选 nb-datepicker 组件时才会出现问题,如果使用 null 作为值,一切都很好。
这是我的代码:
主要成分
带有对话框的子组件
子对话框模板
我尝试在 setTimeout 中调用 dialog.open 方法,并尝试在 resolvePromise.then(() => {...} 中预填充表单数据,但没有成功。
有谁知道问题出在哪里?
StackBlitz:stackblitz.com/edit/github-lv7hp3
angular - 我怎样才能集中控制
我正在使用星云模板。
我正在尝试使用<nb-select>
.
例如,一旦它位于另一个标签内,我就无法集中控制<div class="input-group">
。
我怎样才能集中<nb-select>
,我怎样才能设置这个控件的 100% 的宽度,并且更改在控件上是可见的?
angular - 我怎样才能改变 NbDialogService 的大小?
我正在使用星云模板打开一个对话框服务。
我在用着:
打开对话框并更改标题的文本。
如何更改对话窗口的大小?
angular - 将 nebular 与 font-awesome 集成时的问题
我正在尝试将 Font-Awesome 图标与 Nebular 一起使用。
我在 app.component.ts 文件中添加了以下行
并尝试像这样访问“日历1”图标。
在控制台上,我收到以下错误 -图标 'calendar1' 未在包 'eva' 中注册。检查图标名称或考虑切换图标包。
但该图标仍然不可用。谁能告诉我我做错了什么。我已经关注了这篇文章 - https://akveo.github.io/nebular/docs/guides/register-icon-pack#register-icon-pack
typescript - 如何将角度分量传递给星云对话服务
我正在尝试使用Nebular
组件在 Agnular6 上创建一个 Web 对话框。有两种方法可以做到这一点,第一种是传递<ng-template>
引用,例如:
它运行良好。但我需要将组件作为参数传递,例如:
我的应用程序中有这个结构:
我已将,添加ModalFormComponent
到共享模块中。另外,我将它导入到 SearchBar 组件中,并在单击 searchBar 中的按钮时运行此函数:declarations
exports
entryComponents
我在浏览器控制台中收到此错误:
关于问题是什么以及如何解决它的任何想法?
angular - 交换 Nebular 主题时更改 Bootstrap 表格字体颜色
我在 Angular 应用程序中使用 Akveo Nebular UI 库和 Bootstrap,一切看起来都很完美,直到我在运行时更改主题。基本上,引导表不会更改字体颜色,因此它们不可读。例如,这是使用默认主题的表格的外观:
当我切换到深色主题时,这是同一张表:
我按照此处找到的 Nebular 的文章进行了修改app.component.scss
,添加了以下行以在主题更改时自定义 Bootstrap 表样式:
然而,它并没有改变任何东西。我意识到,如果我修改包含任何表格的组件的 SCSS 文件,则会应用新样式。但是我有超过 15 个组件的表格,因此将上面的代码添加到每个组件并保持可能的样式更改会很痛苦。
有什么建议吗?谢谢!