ng-bootstrap相关内容
嗨,我目前正在通过下面的链接使用ng-bootstrap https://ng-bootstrap.github.io/#/home 但是由于此最新版的ng-bootstrap具有Angular4的依赖项, 我遇到了一堆我从未遇到过的引导错误. 有什么办法可以避免更新到Angular4并降级ng-bootstrap来支持angular2. 我已经使用了许多引导程序,所
..
在我们的前端项目中,我们使用的是Angular4.我们想在Angular 4项目中使用ng-bootstrap库.但是 ng-bootstrap文档说它是Angular 5所必需的.我们不希望将我们的项目升级到Angular 5,但仍然愿意使用ng-bootstrap.我们可以做到吗?有人已经对Angular 4和ng-bootstrap有经验吗?任何想法或建议都受到高度赞赏. 请注意:我不
..
我想显示一个工具提示.我去了ng-bootstrap并集成了该代码.正在获取控制台错误. core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: No provider for NgbTooltipConfig! Error: No provider for NgbTooltipConfig! at injectionErro
..
当我尝试根据 https://stackoverflow.com/a/38413274/将ng-bootstrap添加到Angular-CLI项目中时1596547 ,我不能使用procompile option: import { Component } from '@angular/core'; import {NGB_ALERT_DIRECTIVES,NGB_PRECOMPILE} f
..
我正尝试遵循 ng-bootstrap ,它说我应该导入: 从'@ ng-bootstrap/ng-bootstrap'导入{NGB_DIRECTIVES,NGB_PRECOMPILE}; 然后请求预编译:app.component.ts中的[NGB_PRECOMPILE] 我在Visual Studio Code中遇到一个大红色错误,说 [ts] '{选择器类型:字
..
我尝试使用NgTabset,但出现此错误 TypeError:无法读取未定义的属性'templateRef'.当我将 ng-template 替换为 template 标签,一切正常.我在做什么错? 这是代码: Tab1
..
通过使用typeahead控件,用户可以从列表中选择一项(文档, plnkr ). 我如何对选择做出反应?我设法通过在输入中添加(keyup.enter)事件然后在组件上调用另一个方法来对enter做出反应,但是似乎无法在typeahead-popup中的鼠标选择上触发该事件. 我该如何实现? 解决方案 有一个selectItem输出(事件),当用户执行项目选择时将触发该输出(
..
我想从Angular 2的ng-bootstrap模块中导入一些特定的组件. 我能做到吗? 我有从现有ng-bootstrap组件创建的自定义标签集. 导入ng-bootstrap后,出现模块复制错误. 我该如何处理!! 解决方案 这很容易:只需从导入单个模块ng-bootstrap ,而不是导入整个NgbModule.例如,仅导入与警报相关的功能,您可以这样做: imp
..
一旦页面加载或不触发按钮,我想显示弹出窗口,并且永远不会关闭 我在Angular中使用ngbPopover. 0/4 在此处使用参考: https://ng-bootstrap.github. io/#/c
..
演示代码: https://stackblitz.com/edit/angular-bife8z? file = app%2Fdatepicker-basic.html 我想显示我选择的日期,例如“星期天,18/12/23" ,格式为“日期,DD/MMM/YY" 解决方案 您需要在JavaScript日期中转换模型(是NgbDateStruct).
..
我现在遇到的问题是,我已经登录并有两个单选按钮,其中一个默认选择为默认,直到现在一切正常,提交按钮看上去已禁用,但是在我单击另一个单选按钮的那一刻,将按钮更改为可用时应具有的颜色. 即使按钮的颜色发生更改,您也无法发送信息,除非您输入了正确的数据. 我该如何解决这个问题? .我正在使用angular material,ng-bootstrap和scss. 下面,让我的代码和图片看
..
我正在使用此下拉列表. 如何在模板或ts文件中检测下拉模式的状态? 解决方案 您需要调用内置函数isOpen()以获取有关特定下拉列表是打开还是关闭的布尔值 有关详细信息,请参见 API,方法部分 相关的 TS : import {Component, ViewChild} from '@angular/core'; @Component({ selector
..
我目前正在使用ng-boostrap专门用于typeahead部分,以显示我的typeahead结果. 一切都很好,除了我无法用它来数字化结果格式以显示匹配的最小数量到最大数量. 所以,如果我有一个这样的列表. numbers = [12, 22, 43, 11, 1, 4, 77, 111]; 我希望先弹出1,然后再弹出11、1111,依此类推... 这是我的代码现在
..
我正在基于以下网站的手风琴组件构建一个Web组件ng-bootstrap.您可以在 stackblitz 上尝试使用原始组件.我想要的是 生成
..
我有动态生成的div.在这些div上,我有ngPopovers.在ngPopover内部,我有一个按钮,我想单击按钮按钮.所以我已经触发了ng popover这样的triggers="mouseenter". 这是视图代码
..
我希望使用ng-bootstrap. 文档要求安装引导CSS作为依赖项,但不包括jQuery 如果我使用npm安装bootstrap,则会收到警告,提示它需要jquery和popper. $ npm i -S bootstrap npm WARN bootstrap@4.1.3 requires a peer of jquery@1.9.1 - 3 but none is ins
..
我希望我们的应用程序中的所有模态都具有一组默认选项,而不必每次打开模态时都单独应用它们.因此,我创建了一个扩展NgbModal的服务,因此可以覆盖open方法,因为在NgBootstrap v1.1.2中没有全局配置,但是找不到在功能模块中列出的入口组件. 我想知道/core中提供的服务是否看不到功能模块中加载的入口组件?直接使用NgbModal,模态会如您所愿地打开,但是更改提供的类似乎并
..
我正在尝试在 ng引导程序范围选择器上禁用某些日期 当前,我在弹出窗口中有一个范围选择器,并且我正在使用[markDisabled]来禁用某些日期. HTML
..
我们正在使用'ng-bootstrap'日期选择器输入组件. 根据此如何使用与翻译日期选择器相同的服务来翻译此指令? 解决方案 您将使用完全相同的方法.切换NgbInputDatepicker时,将显示NgbDatepicker,该NgbDatepicker从服务获取其标签.
..
将其导入到app.module.ts中,例如 import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; 在 中添加了它 imports:[NgbModule.forRoot()] 在编译时给出 WARNING in ./~/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-in
..