如何隐藏 ngb-carousel 指示器和 prev-next 控件

2023-12-08

我无法通过 css 隐藏 ngb-carousel 指示器和 prev-next 控件, 定位 css 类是行不通的。 有什么选项可以隐藏它吗?


为了影响 ng-bootstrap 组件的 css,您必须禁用 ViewEncapsulation。

从 @angular/core 导入它:

import { ViewEncapsulation } from '@angular/core'

然后在 @Component 声明中为此组件禁用它:

@Component({
  encapsulation: ViewEncapsulation.None,
  selector: 'your-template-name',
  styleUrls: ['your-template-name.component.scss'],
  template: ` 
... `
})

然后,您可以按照您在 css 文件中的预期定位 Bootstrap 类等。

您希望在每个组件的基础上禁用此功能,并且仅在需要时才禁用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何隐藏 ngb-carousel 指示器和 prev-next 控件 的相关文章

  • Spring-Security + Angular 2 + CORS。无法重定向 Facebook 登录

    我正在构建一个在前端使用 Angular 2 在后端使用 Spring Boot 的应用程序 我正在使用 Spring Security 和 Spring Social 来允许通过 Facebook 登录 我以为我已正确配置 CORS 但收
  • Angular 中的单元测试点击事件

    我正在尝试将单元测试添加到我的 Angular 2 应用程序中 在我的一个组件中 有一个带有 click 处理程序 当用户单击按钮时 将调用在中定义的函数 ts类文件 该函数在 console log 窗口中打印一条消息 表明该按钮已被按下
  • 验证以防止角度形式出现重复的形式值

    我有几个表单数组 我需要进行验证 以便每个表单行中的特定字段在所有表单数组中必须是唯一的 如果任何值出现多次 则两个表单字段都必须标记为红色 我设法编写了一个函数 以便如果这些字段有任何更改 该函数将返回 true false 但我不确定如
  • Mat select - 获取selectionChange的旧值

    我有一个项目 其中有一个包含以下内容的表单mat select选择器 每当用户更改输入时 我都会向用户显示一个对话框来确认此操作 现在 The selectionChange 通知值何时更改并将新值传递为 event 当用户取消对话框时 有
  • Angular 4 触发自定义事件 - EventEmitter 与dispatchEvent()

    我正在构建指令 该指令应该在元素进入视口时添加类 并且还将触发自定义事件 我找到了两种触发事件的方法 EventEmitterand dispatchEvent 两者都工作正常 在这种情况下应该使用哪个 为什么 对代码的任何其他建议表示赞赏
  • Angular 6 - 将事件处理程序添加到动态创建的 html 元素

    我想将点击事件附加到动态创建的 html 元素 单击事件应该能够触发组件中的另一个方法 我已经浏览过其他建议使用 ElementRef 附加事件的答案 但是 它不适用于我的情况 我正在使用 mapQuest API 来渲染地图 地图将绘制地
  • 为什么使用 MarkForCheck() 和 setTimeout?

    我对 ChangeDetectorRef 中的 MarkForCheck 方法有疑问 对于一种用法我必须使用this cd markForCheck 因为在控制台中我获取了值 但它没有在视图上更新 setTimeout gt this ch
  • 有没有办法扩展 angular.json 中的配置?

    在构建 Angular 6 应用程序时 我需要同时指定两件事 如果是生产或开发版本 我正在使用的区域设置 In my angular json I have build configurations production fileRepla
  • 找不到本地“typescript”包。“@ngtools/webpack”包 Angular 2

    我在这里搜了一下 Angular 2 ngtools webpack AOT https stackoverflow com questions 42651383 angular 2 ngtools webpack aot 但对我不起作用
  • 错误::预期有间谍,但未定义

    我收到预期的 Spy 错误 但在我的 Angular 10 测试中未定义 我正在使用 Jasmine 和 Karma 我已将 SpreadsheetService 服务模拟为mockSpreadSheetService 我正在调用它的方法
  • 需要在 Visual Studio 2017 中验证 Angular4 和 Angular2

    我已将源代码从 Angularjs 2 升级到 Angularjs 4 我正在使用 Visual Studio 2017 和 ASP NET MVC Core 我现在想验证我使用的是更新版本 4 还是以前的版本 2 这是我的 package
  • 拖动事件未以角度 2 触发

    我有一个画布 我希望用户能够在其周围拖动图形元素 因此 我不希望画布本身拖动 但我想在鼠标执行这些操作时处理 Dragstart 拖放事件 我正在使用 Angular 2 所以我有 div div 然后在 editor component
  • 对自定义打字稿错误实例实施instanceof检查?

    打字稿有这个instanceof 检查自定义错误 https github com Microsoft TypeScript issues 13965问题 但尚不清楚我们需要做什么才能得到instanceof在职的 例如对于这个异常我们如何
  • Angular 7 SSR 第一次加载两次

    我内置了几个网站Angular 7 with SSR for SEO改进 所有应用程序本身都很好 但总是会发生这样的情况 第一次或者当您执行硬刷新有这个小blip由此显示所有内容并突然网站本身 重新加载 所有条件为ngIf可能隐藏在中评估的
  • 在(粘贴)事件后获取文本输入的值

    我试图在将某些内容粘贴到文本输入字段中后获取该文本输入字段的内容 我怎样才能获取数据 我的方法是 event target value我用于 keyup 事件不起作用 如果你粘贴一些东西Ctrl V它由于 keyup 事件而有效 但如果我尝
  • 使用 jQuery 和 jQuery UI 运行任何 Jest 测试时出现问题

    所以我有一个名为的开源库Angular Slickgrid https github com ghiscoding Angular Slickgrid还没有测试 我正在尝试使用 Jest 但真的很难使用它 该库是旧的 jQuery 数据网格
  • Angular Serverless 部署到 AWS 将 base-href 附加到 url,导致重定向到 404 错误

    我正在尝试将 Angular 7 网站部署到 aws 无服务器上 作为新手 我遵循了本教程 https coursetro com posts code 165 Deploying your Angular App to a Serverl
  • Angular 2 - 在(点击)事件中使用管道

    我的问题可能很简单 但只是找不到在事件 例如 单击 中使用管道的方法 像这样的事情
  • 未处理的承诺拒绝:Zone.js 检测到 ZoneAwarePromise `(window|global).Promise` 已被覆盖

    我尝试将 Angular2 快速入门代码合并到我当前的 webpack 构建中 似乎有些东西正在覆盖zone js抛出此错误的承诺 根据我见过的大多数 stackoverflow 帖子 zone js文件需要在任何可能包含承诺的文件之后加载
  • Angular 2在两个组件之间传递数据

    我想在两个组件之间传递数据 但我的问题是 我有两个组件 假设一个是 主 另一个是 模态对话框 在我的主要部分中 我想打开模态对话框并从模态对话框中获取数据 而无需离开我的主要组件 我知道如何使用 Input 但我看不到在我的应用程序中使用它

随机推荐

  • 如何将我的 Java 程序放入系统托盘中?

    如何为 Java 程序提供系统托盘图标 我尝试在整个网络上搜索 但找不到任何东西 像这样 请参阅Java教程 http download oracle com javase tutorial uiswing misc systemtray
  • 将 DataAnnotations 与实体框架结合使用

    我使用 VS2010 的实体框架创建了一个简单的 person 类 其中包含属性 firstName lastName 和 email 如果我想像这样附加 DataAnnotations博客文章我有一个小问题 因为我的人员类是动态生成的 我
  • 使用 C#/VBScript 获取 mdb 文件 (msaccess) 中的所有源代码

    我想从一个网站获取所有源代码Access数据库 表单 模块 而不使用 Office 互操作 我喜欢AllCodeToDesktop 功能在这里找到 然而 这是从内部运行的mdb file 加载 mdb 文件并在其上运行该函数的 VBScri
  • 如何用Javascript减慢滚动速度?

    当我滚动一些包含许多元素的小 div 时 我的鼠标滚动太快 所以我看不到几个元素 滚动速度无法更改 因为它们是系统配置 并且不应允许 JavaScript 更改用户自己的设置 但是您可以使用很多 jquery 自定义滚动条 它们提供了更改滚
  • iScroll 仅动态填充的 div,也不滚动主页

    所以这篇文章可能会很长 但我还是坚持使用 iScroll 我正在做的是用文章填充我的列表 当单击其中一篇文章时 我会在列表上滑动一个 div 以显示该文章 该部分有效 但无效的是 当我滚动文章并到达末尾时 它会不断滚动文章列表 你可以看看h
  • 为什么 Date#getHours() 返回小时 + 1?

    This是我的代码 var feedDataTimestamp new Date 2014 01 14T00 04 40 0000 getTime var parsedDate new Date feedDataTimestamp aler
  • 如何立即停止 UIWebView 加载

    正如ios文档所说 webView stopLoading 应该使用方法来停止 webview 加载任务 据我所知 此方法异步运行 并且不会立即停止当前处理加载请求 但是 我需要一种方法来强制 webview 立即停止正在进行的任务 因为加
  • Python SimpleXMLRPCServer 中客户端的 IP 地址?

    我有一个简单XMLRPC服务器服务器 Python 如何在请求处理程序中获取客户端的 IP 地址 此信息出现在日志中 但是 我不确定如何从请求处理程序中访问此信息 正如迈克尔指出的 你可以得到client address从请求处理程序中 例
  • sqlite:检查读取器/写入器锁定

    我有 2 个进程 它们都访问 sqlite3 数据库 虽然在 sqlite 中读取不是问题 但只有一个进程可以写入数据库 根据常见问题解答 http www sqlite org faq html q5sqlite 使用读 写锁 我如何检查
  • Android:动态获取Body Layout的大小

    我想在 onCreate 方法中获取 Middle Body 布局的高度 宽度 我的 main xml 是
  • 非字节可寻址架构的 md5 实现?

    MD5 的常见实现由下式给出RFC1321 哪里的MD5Update函数接收一个指向chars 我的架构 SHARC ADSP 21371 不可字节寻址 这意味着 sizeof int32 t 1 因此我不能真正按原样使用这个算法 我需要包
  • jsp中如何将双精度数转换为整数

    假设在 jsp 文件中 我想显示计算得出的值 如下所示
  • 在Android中如何使用ObjectAnimator沿着曲线移动到点x

    我有一个图像视图 石头 并将其从当前位置移动到 X Y 位置 我想让它沿着曲线移动 请告诉我如何做到这一点 我已将最小 api 设置为 11 ObjectAnimator moveX ObjectAnimator ofFloat stone
  • onClick 循环遍历具有相同类的 DIV

    我正在尝试创建一个脚本来循环遍历具有相同类名的 DIV 一次一个 nextAll 所有这些有趣的事情对我来说都是完全陌生的 我怎样才能让它发挥作用 这是它应该如何工作的 当您单击右侧的浅灰色框时 它应该显示下一个 hint连同它的hint
  • 允许访问 Apache 服务器上隐藏目录中的文件(尤其是“.wellknown”文件夹)

    我想通过 webroot 目录 well known acme challenge 为我的域创建 SSL 证书以进行验证 我正在使用共享主机 并且无权访问 apache 配置文件 因此我只能使用 htaccess 文件 问题是我无法使用地址
  • 如何在 Rust 中实现向量的多个可变借用? [复制]

    这个问题在这里已经有答案了 我正在 Rust 中实现矩阵 该代码已针对示例进行了调整 但可能存在一些小错误 derive Debug PartialEq pub struct Matrix
  • jQuery 可以改变 `$(window).width()` 吗?

    是否可以改变 window width 通过 jQuery 这样的事情是可能的 click click function menu 100px with window width 不 这不对 底层 DOM 元素本身不支持修改浏览器窗口的宽度
  • 在 Django 中连接两个包含相同外键的表

    所以我有两个包含主键 用户 的模型 class Reviews models Model subject user models ForeignKey User related name reviewed user actor models
  • Excel VBA 发送到 MSXML2.XMLHTTP 不起作用

    我在 Excel VBA 中有以下代码 直到昨天它都运行良好 现在尝试检查 URL 时失败 但 URL 确实存在 它失败了 oXHTTP send 它会出现错误 Function HttpExists sURL As String As B
  • 如何隐藏 ngb-carousel 指示器和 prev-next 控件

    我无法通过 css 隐藏 ngb carousel 指示器和 prev next 控件 定位 css 类是行不通的 有什么选项可以隐藏它吗 为了影响 ng bootstrap 组件的 css 您必须禁用 ViewEncapsulation