程序员经验分享-hwhale

如何覆盖 Angular Material 2 日期选择器的模板

2023-12-30

我需要修改 Angular 2 材质日期选择器的模板。它的模板在 @angular/material/esm5/datepicker.es5.js 中定义的几个内部组件中声明。

我可以直接在节点包中修改模板，但是更新时它会被覆盖。

我可以看到这种情况的唯一两种方法是，如果我动态修改模板（这真的可能吗？），或者如果我在本地复制整个角度材质节点包，然后修改它（执行此操作的最佳方法是什么） ？）。想法？


你有两种方法：

  1. 创建一个扩展材料日期选择器的新组件并分配您赢得的模板
  2. 覆盖一些材质 CSS 规则以改变其外观和感觉
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

angular

typescript

overriding

angularmaterial

angular2template

如何覆盖 Angular Material 2 日期选择器的模板 的相关文章

  • 加载带有数据的 PROMISE 后的 Angular 2 渲染模板

    我是 AngularJS 2 0 的新手 基本上我是通过构造函数中的 Promise 加载数据 但模板是在 Promise 解析之前渲染的 知道如何实现这一目标吗 谢谢 M 您可以测试data在使用它之前 ul li item value

  • 我可以将 Angular Material 2.0.0-alpha.9-3 与 Angular 2.1 一起使用吗？

    我尝试将 Angular material 2 0 0 alpha 9 3 与 Angular 2 1 一起使用 但出现例外情况 zone js 1274 获取http localhost 3000 angular material htt

  • 如何通过 mat-dialog-close 或其他方式对 MatDialog 是否关闭进行单元测试

    我有一个简单的组件 它将显示为对话框窗口垫对话框 https material angular io components dialog overview 在该组件的模板中 一个按钮标记为垫子对话框关闭 https material ang

  • 如何在没有“N more”和“...”的情况下查看完全扩展的 TypeScript 类型？

    在 VSCode 中 TypeScript 显示了我定义的类型的非常有用的扩展 但 TS 在 IntelliSense 中显示的内容是有限的 如果类型太长 那么我会看到如下输出 请注意末尾处的 11 more 有时 为了解决困难的类型定义问

  • 方法与管道

    在 Angular 应用程序中的模板插值中使用管道和方法有区别吗 例如 h1 name toLowerCase h1 vs h1 name lowercase h1 就性能而言 是有真正的收获还是只是个人喜好 我知道调用模板中的方法通常会降

  • 如何在角度2中动态地在输入框上添加工具提示

    我有一个输入框 我想在将鼠标悬停在输入框上时显示工具提示消息 这将基于我们从服务获得的响应 如果服务响应为 true 则工具提示中的消息将为 true message 如果服务返回 false 则该消息将为 false message 这是

  • Angular - 通用服务的提供者

    我已经为我的 HTTP API 创建了一个通用服务 并且我想为不同的端点提供此服务 而无需为每个端点创建一个类 我的服务看起来像这样 export class ApiService

  • 更改 Angular 对话框的背景颜色

    我正在尝试更改对话框背景 无需触摸style css file 正如其他一些答案所说 有很多方法可以设置对话框样式 1 此解决方案适用于宽度和高度 但透明背景被 忽略 this dialog open DialogComponent dis

  • 将 WAR 部署到 Tomcat（Spring Boot + Angular）

    我正在尝试使用以下命令部署 Spring Boot 应用程序WAR包装至Tomcat 10 应用程序已成功部署 但是 当我尝试访问端点时 它会导致404 未找到 战争文件 应用程序 war http localhost 8080 appli

  • 不要使用对象作为类型

    我收到 lint 错误 不要使用对象作为类型 当我使用对象作为类型时 示例如下 export const myFunc obj object string gt return obj toString 知道我应该为具有未知属性的对象赋予什么

  • 如何在 Angular 中实现全局加载器

    我有一个全局加载器 其实现如下 核心模块 router events pipe filter x gt x instanceof NavigationStart subscribe gt loaderService show router

  • Nightmare.js 截图缓冲区长度 0

    我正在运行一个 night js 脚本 我试图在其中截取页面上多个元素的屏幕截图 The first元素被捕获得很好 但折叠下方的所有其他元素都以零长度捕获 我正在努力调试这个问题 任何帮助将非常感激 基本上这个脚本会遍历一个页面并选择al

  • Angular 6 - 将事件处理程序添加到动态创建的 html 元素

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

  • 为什么使用 MarkForCheck() 和 setTimeout？

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

  • TypeScript如何在每个文件中声明全局变量？

    我喜欢定义一个全局可用的助手 global p console log bind console 所以我可以使用p some message 代替console log some message 但 TypeScript 抱怨说p未定义 有

  • @angular/router 3.0.0-alpha.3：如何迁移OnActivate

    我刚刚将 angular router 升级到 3 0 0 alpha 3 但是 我找不到 2 0 0 rc 1 中提供的 OnActivate 接口 任何提示表示赞赏 因为我们还没有任何文档 并将在接下来的几周内提供 你想要一个提示 这是

  • 没有将“exportAs”设置为“ngbDatepicker”的指令

    I m using angular 4 i was trying to add datepicker while i m using datepicker popup html I m getting error as given belo

  • Javascript 对象属性名称

    在 C 中 可以将对象属性的名称作为字符串值获取 名称 对象 Property gt myProperty 这可以在 Javascript Typescript 中完成吗 Object Keys 是我找到的唯一东西 但它给了我所有的键 示例

  • 获取异常 jQuery 必须包含在 Bootstrap 的 JavaScript 之前

    我遇到以下异常 bootstrap js 240 Uncaught TypeError Bootstrap 的 JavaScript 需要 jQuery jQuery 必须包含在 Bootstrap 的 JavaScript 之前 在 Ob

  • 在打字稿中获取类的键

    我有一个包含很多方法的类 我们称之为 myClass 我这样称呼它 myClass key 有没有办法从 key 获取可能的值 我希望有类似 keyof myClass 的东西 但我得到 myClass 引用一个值 但在这里被用作类型 问题

随机推荐

  • jq 通过转换现有的 json 创建一个新的 json

    prodid 876006 serid seridone 3265874 seridtwo 21458915 serials 028915 prodid 980 serid seridone 32743214 seridtwo 546987

  • Android studio - 无法完成 gradle 执行 - 打开 zip 文件时出错

    我是 android 开发和 android studio IDE 的新手 我已经从 bitbucket 签出了一个项目 当我尝试编译它时 出现以下错误 无法完成 Gradle 执行 原因 打开 zip 文件时出错 My gradle wr

  • 从页面 JS 中访问 React 对象？

    我有一个 ReactVr 对象 我用下面的代码渲染它 React 初始化后 我会定期接收服务器更新 我想将其作为 props 传递到 React 中 我该怎么做 React 对象中的 props 可以从我的 普通 JS 设置吗 ReactV

  • 退出无限循环？ [复制]

    这个问题在这里已经有答案了 当我输入非整数时 我会进入无限循环 我如何解决它 这是我的代码 def inputInt integer while True try result int integer except ValueError p

  • 将 Java 8 与 LibGDX 结合使用

    我正在使用 LibGDX 用 Ja va 编写一个游戏 仅desktop作为目标平台 我刚刚创建了一个新的 LibGDX 项目 并向其中导入了一些现有代码 但现在出现了一些错误 具体来说 使用diamond operator 例如这行代码

  • 设置 pandas 图的图例位置

    我知道如何设置 matplotlib 图的图例位置plt legend loc lower left 但是 我正在用 pandas 方法进行绘图df plot 并需要将图例位置设置为 左下 有谁知道该怎么做 编辑 我实际上正在寻找一种通过

  • 我们如何在 Ionic App 中实现 SignalR？

    我制作了一个应用程序 可以向已注册该应用程序 Ionic Angular 的用户发送消息 它从数据库 SQL Server C API 获取所有消息并在消息框中打印出来 这很好 但是当我们向正在交谈的人发送消息时 该人在不刷新页面的情况下不

  • 在 Rails 中，如何在 i18n 语言环境文件中指定默认 flash 消息

    我知道 i18n 语言环境文件中有一些预设结构 以便 Rails 自动提取值 例如 如果您想为新记录设置默认提交按钮文本 config locales en yml en helpers submit create Create model

  • MySQL表可以存储的最大记录数是多少？

    MySQL MyISAM 表可以存储多少条记录 InnoDB可以有多少个 您无法按记录数进行计数 因为您的表可能包含只有几个 int 字段的非常短的记录 或者您的记录可能非常长且包含数百个字段 因此必须以表的文件大小来衡量 对于 MYSQL

  • 由不同操作成功触发的 Github Action

    我试图在成功运行不同的操作后触发 Github 操作来运行 这两个工作流程是 单元测试操作 首先运行 并且应该触发下面的 后续测试 操作 name unit tests on push branches jobs build runs on

  • 我正在用 microsoft Visual Studio 做我的 C++ 作业，我注意到一些不寻常的事情 [重复]

    这个问题在这里已经有答案了 当我尝试获取动态数组中插槽的数据时 出现异常 但是如果我使用不同的编译器 例如在线编译器 运行相同的代码 https www onlinegdb com online c compiler https www o

  • 如何绘制 z = f(x, y) 的平滑二维彩色图

    我正在尝试绘制二维现场数据使用 matplotlib 所以基本上我想要类似的东西 在我的实际情况中 我将数据存储在硬盘驱动器上的文件中 然而 为了简单起见 请考虑函数 z f x y 我想要一个平滑的二维图 其中 z 使用颜色可视化 我使用

  • 如何使用 JQuery 和跨站点脚本编写 ajax？

    我遇到一个问题 我必须从这里获取 json http templodasdeusas com br game srv game php srv home http templodasdeusas com br game srv game p

  • 使用属性 XmlSerialize 自定义集合

    我有一个简单的类 它继承自 Collection 并添加了几个属性 我需要将此类序列化为 XML 但 XMLSerializer 会忽略我的附加属性 我认为这是因为 XMLSerializer 对 ICollection 和 IEnumer

  • 在 C++ 中打印完整的回溯

    我想以与 gdb 中类似的格式从 Linux 中的 C 程序转储回溯 我尝试使用 backtrace 和 backtrace symbols 函数来实现此目的 这些返回的函数名称和偏移量 我可以使用 cxa demangle 函数来获取可读

  • 如何通过按按钮关闭 Tkinter 窗口？

    编写一个带有标签的 GUI 应用程序 Good bye 当 的时候Button单击后 窗口关闭 到目前为止 这是我的代码 但它不起作用 谁能帮我解决我的代码吗 from Tkinter import window Tk def close

  • 通用铸造

    我怀疑答案是否定的 但是是否可以在 C NET v2 0 中执行类似的操作 class Converter

  • 在参数中设置symfony缓存目录

    我正在为 Symfony 应用程序构建 docker 环境 我每个应用程序都有一个容器 其中附加了一个仅用于链接到应用程序服务器的 Web 根数据的容器 作为基础设施安全强化的一部分 这些数据容器被设置为只读 以防止任何远程代码攻击 每个应

  • 如何使用 Java Scanner 测试空行？

    我期待使用扫描仪进行输入 直到没有任何内容 即当用户输入空行时 我该如何实现这一目标 I tried while scanner hasNext process input 但这会让我陷入循环 这是一个方法 Scanner keyboard

  • 如何覆盖 Angular Material 2 日期选择器的模板

    我需要修改 Angular 2 材质日期选择器的模板 它的模板在 angular material esm5 datepicker es5 js 中定义的几个内部组件中声明 我可以直接在节点包中修改模板 但是更新时它会被覆盖 我可以看到这种

热门标签