Angular 7 中的 Bootstrap ngb typehead 不起作用。
创始人
2024-10-16 20:30:39
0

在 Angular 7 中使用 Bootstrap ngb typeahead 时,如果它不起作用,可能是因为没有正确地引入和使用它的组件和指令。下面是一个解决方法的示例:

  1. 首先,确保已经安装了 Bootstrap 和 ng-bootstrap:

    npm install bootstrap ng-bootstrap
    
  2. 在 angular.json 文件中添加以下样式和脚本引用:

    "styles": [
        "node_modules/bootstrap/dist/css/bootstrap.min.css",
        "src/styles.css"
    ],
    "scripts": [
        "node_modules/bootstrap/dist/js/bootstrap.min.js"
    ]
    
  3. 在你的模块文件(通常是 app.module.ts)中引入需要的模块:

    import { NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
    
  4. 在同一个模块文件中,将 NgbTypeaheadModule 添加到 imports 数组中:

    imports: [
        NgbTypeaheadModule
    ]
    
  5. 在你的组件模板中,使用 ngbTypeahead 指令并提供必要的参数和方法:

    
    
  6. 在你的组件中,定义 search 方法:

    search = (text$: Observable) =>
        text$.pipe(
            debounceTime(200),
            distinctUntilChanged(),
            switchMap(term =>
                // 在这里实现搜索逻辑,返回一个 Observable 对象
                // 根据输入的 term 进行搜索
            )
        );
    

通过按照上述步骤引入和使用 Bootstrap ngb typeahead,你应该能够在 Angular 7 中使其正常工作。

相关内容

热门资讯

三分钟积累!wepoker数据... 三分钟积累!wepoker数据分析(透视)果然真的是有辅助神器(哔哩哔哩)1、wepoker数据分析...
一分钟方案!we-poker辅... 一分钟方案!we-poker辅助器(透视)好像是真的有辅助教程(哔哩哔哩)1、we-poker辅助器...
8分钟诀窍!wepoker辅助... 您好,wepoker辅助器有哪些功能这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275...
四分钟法子!wpk透视是真的假... 四分钟法子!wpk透视是真的假的(透视)都是是有辅助神器(哔哩哔哩)wpk透视是真的假的辅助器是一种...
第七分钟总结!hhpoker有... 第七分钟总结!hhpoker有后台操作吗(透视)果然是有辅助教程(哔哩哔哩)1、该软件可以轻松地帮助...
第六分钟手段!黑侠破解wepo... 第六分钟手段!黑侠破解wepoker(透视)真是是有辅助辅助(哔哩哔哩)1、打开软件启动之后找到中间...
3分钟讲义!wepoker分析... 3分钟讲义!wepoker分析(透视)真是真的是有辅助教程(哔哩哔哩)1、这是跨平台的wepoker...
第1分钟妙招!poker wo... 第1分钟妙招!poker world辅助(透视)本来真的是有辅助开挂(哔哩哔哩)1、下载好poker...
第十分钟方式!wepokerp... 第十分钟方式!wepokerplus到底是挂了吗(透视)切实存在有辅助脚本(哔哩哔哩)1、操作简单,...
两分钟法子!hhpoker辅助... 两分钟法子!hhpoker辅助(透视)确实是有辅助开挂(哔哩哔哩)亲,关键说明,hhpoker辅助透...