我尝试访问(读取)指令内mat-raised-button按钮的disabled属性。 如果 disabled 设置为 true,在我的指令中,在ngOnInit期间disabled仍然是false ,但材质按钮呈现为 disabled (灰色)。 按钮: 我的指令@HostBinding 尝试: ...
我尝试访问(读取)指令内mat-raised-button按钮的disabled属性。 如果 disabled 设置为 true,在我的指令中,在ngOnInit期间disabled仍然是false ,但材质按钮呈现为 disabled (灰色)。 按钮: 我的指令@HostBinding 尝试: ...
我有一个 ControlValueAccessor 指令,它执行值格式化,但它的@HostBinding('value')只在第一次工作。 请在https://stackblitz.com/edit/angular-ivy-vfahu3?file=src%2Fapp%2Fapp.componen ...
我目前正在开发一个 Angular 项目,该项目创建了一堆动态组件,我希望每个组件都具有不同的颜色,具体取决于它在初始化时对服务的调用结果。 该组件的代码如下: 有人可以帮我弄清楚如何使用 HostBinding 吗? ...
我正在尝试使用指令来激活我的 Angular 项目中的下拉菜单。 class “open”自引导程序 3 以来已被弃用,但我目前正在使用引导程序 5,以及如何使用“显示”class 而不是“打开”? 我的指令: 我来自组件的 HTML 片段: 谢谢。 ...
我们有一个非常简单的组件,应该在:enter和:leave事件上淡入淡出: 该组件的使用方式如下: 现在:enter上的 animation 确实运行了。 但是当组件被移除时,元素不会淡出(变量someBoolean变为false )。 什么不见了? ...
我正在尝试将 angular 组件中的变量绑定到 CSS 关键帧内的变量,我正在使用该关键帧动态设置 div 的动画。 我发现HostBinding作为一个潜在的解决方案,但是我(认为)我正确地遵循了声明,但是 animation 在使用变量时不起作用。 我正在使用 angular 10.0.14 ...
我创建了一个自定义指令,通过单击事件添加/删除 class 选择器。 应该很简单,只要我在 ngFor 循环之外使用该指令,它就可以正常工作。 该指令由以下代码组成: 我正在尝试在 Cards 组件内的按钮上使用该指令。 所以在 Cards Component 的 html 模板中,按钮代码如下所示 ...
您将如何使用 Angular 指令添加和设置可以通过参数更改的 HTML class? 假设我们有一个已经存在 class 的 div,但没有指令: 现在,我们要为其附加一个指令和一个参数: 如果我需要 4,那么我动态添加的 class 将像这样更改: 我完全知道如何使用@hostbinding 添 ...
我正在使用 Angular 指令在表单中切换显示和隐藏密码字段。 我已经能够实现切换密码值的总体目标,但是,我似乎无法切换按钮中呈现的文本以反映输入字段的 state。 一旦用户单击按钮以显示输入的密码,如何将按钮的文本切换为 HIDE,然后在用户单击按钮以隐藏密码后将其切换回 SHOW? 这是代码 ...
我正在使用@HostBinding('class')将类注入到宿主元素中。 要注入的类是根据用户提供的参数生成的。 我遇到的问题是我找不到其他人遇到的问题是课程的应用顺序与我预期的方式不同。 例如,有一个组件定义如下:import {Component, HostBinding, Input} fr ...
我无法通过附加到输入的指令内的 HostBinding 将 formControl 添加到输入。 请让我知道这是否是一种可能的方法,如果可以,该怎么做。 输入 指令 (searchInput) ...
我有这个指令,我用它来动画组件高度的变化。 但自从我们从 Angular 8 更新到 9 后,几乎不再支持 hostPropertyName @grow 。 这是指令: Chrome 会抛出以下错误: core.js:6185 ERROR TypeError: Cannot read prope ...
我有一个指令可以帮助向各种元素添加切换效果。 切换时它工作正常,但是初始绑定值被忽略: HTML 将反映该初始值,但该类仅在以编程方式或通过鼠标切换后应用。 有一个奇怪的相互作用时@HostBinding是一个@Input ? ...
在速记 CSS 网格属性上使用@HostBinding时(例如,使用grid-row而不是grid-row-start和grid-row-end )绑定不起作用:export class MyComponent { @HostBinding('style.grid-row') row = ...
我正在检查Angular 6项目的源代码,并看到了@HostBinding('class')和@HostBinding('attr.class') 。 我将其中一种实现方式从@HostBinding('class')更改为@HostBinding('attr.class') ,但没有注意到呈现 ...
闪烁使我丧命,在阅读了所有与jQuery相关的线程和方法后,我仍然无法弄清楚。 所以我有这个@Directive来显示工具提示,这就是我将其绑定到元素的方式: 每个带有文本的<span>都会闪烁。 每个带有SVG的选择器都会闪烁...有什么想法吗? PS。 不 ...
我会很好地理解 Angular @HostBinding 的概念。 不幸的是,我的书非常好,但是这个概念没有很清楚地解释。 请看代码: 我个人的解释:“主机绑定允许在它自己的组件内(换句话说,从我下面提到的这个文件)在主机元素(在本例中为 app-test-component 标记)中设置一些 ...
我通常在我的应用程序中使用全局SCSS文件,但今天我想制作一些范围仅限于我的组件的scss。 我已经通过@HostBinding ( class.card )在组件上设置了一个类。 我可以在组件内部设置样式,例如caard-body ,但是如何将替代应用于该组件的card类? ...
在我的TSLint文件中,我有: 在我的组件中,我有时会: 因为classes是私有的,所以TSLint抱怨,所以我必须每次都禁用TSLint。 我不想做@HostBinding因为封装的公众。 解决此问题的推荐方法是什么? ...
我有一个组件app-layout ,可容纳页面的sidenav和路由器出口: 这个app-layout具有一个HostBinding ,可以在其上设置一个类(sidenav的存在或不需要通过css更改几件事)。 加载到路由器插座中的组件需要具有一个按钮,用于切换hasSideba ...