cost 242 ms
如何在 Angular 中使用 @Hostbinding 来设置动态组件的样式? - How do I use @Hostbinding in Angular to style a dynamic component?

我目前正在开发一个 Angular 项目,该项目创建了一堆动态组件,我希望每个组件都具有不同的颜色,具体取决于它在初始化时对服务的调用结果。 该组件的代码如下: 有人可以帮我弄清楚如何使用 HostBinding 吗? ...

如何在 Angular 的下拉菜单中使用 Show Class - How to use Show Class on DropDown in Angular

我正在尝试使用指令来激活我的 Angular 项目中的下拉菜单。 class “open”自引导程序 3 以来已被弃用,但我目前正在使用引导程序 5,以及如何使用“显示”class 而不是“打开”? 我的指令: 我来自组件的 HTML 片段: 谢谢。 ...

如何使用 Angular 12 中的动画为:host 元素 on:leave 事件设置动画? - How to animate the :host element on :leave event using animations in Angular 12?

我们有一个非常简单的组件,应该在:enter和:leave事件上淡入淡出: 该组件的使用方式如下: 现在:enter上的 animation 确实运行了。 但是当组件被移除时,元素不会淡出(变量someBoolean变为false )。 什么不见了? ...

Angular 自定义指令中的 HostBinding 在 *ngFor 中不起作用 - Angular HostBinding in a custom directive not working inside an *ngFor

我创建了一个自定义指令,通过单击事件添加/删除 class 选择器。 应该很简单,只要我在 ngFor 循环之外使用该指令,它就可以正常工作。 该指令由以下代码组成: 我正在尝试在 Cards 组件内的按钮上使用该指令。 所以在 Cards Component 的 html 模板中,按钮代码如下所示 ...

将 HTML class 设置为在 Angular 指令中托管 - Set an HTML class to host in an Angular directive

您将如何使用 Angular 指令添加和设置可以通过参数更改的 HTML class? 假设我们有一个已经存在 class 的 div,但没有指令: 现在,我们要为其附加一个指令和一个参数: 如果我需要 4,那么我动态添加的 class 将像这样更改: 我完全知道如何使用@hostbinding 添 ...

如何在 Angular 中使用隐藏和显示密码值的按钮切换文本 - How to toggle the text with a button that hides and shows password value in Angular

我正在使用 Angular 指令在表单中切换显示和隐藏密码字段。 我已经能够实现切换密码值的总体目标,但是,我似乎无法切换按钮中呈现的文本以反映输入字段的 state。 一旦用户单击按钮以显示输入的密码,如何将按钮的文本切换为 HIDE,然后在用户单击按钮以隐藏密码后将其切换回 SHOW? 这是代码 ...

主机绑定重新排列应用的类 - Host Binding rearranges applied classes

我正在使用@HostBinding('class')将类注入到宿主元素中。 要注入的类是根据用户提供的参数生成的。 我遇到的问题是我找不到其他人遇到的问题是课程的应用顺序与我预期的方式不同。 例如,有一个组件定义如下:import {Component, HostBinding, Input} fr ...

Angular 6 @HostBinding('class')和@HostBinding('attr.class')有什么区别 - Angular 6 what is the difference between @HostBinding('class') and @HostBinding('attr.class')

我正在检查Angular 6项目的源代码,并看到了@HostBinding('class')和@HostBinding('attr.class') 。 我将其中一种实现方式从@HostBinding('class')更改为@HostBinding('attr.class') ,但没有注意到呈现 ...

使用@HostListener的mouseenter / mouseleave - mouseenter / mouseleave with @HostListener

闪烁使我丧命,在阅读了所有与jQuery相关的线程和方法后,我仍然无法弄清楚。 所以我有这个@Directive来显示工具提示,这就是我将其绑定到元素的方式: 每个带有文本的<span>都会闪烁。 每个带有SVG的选择器都会闪烁...有什么想法吗? PS。 不 ...

Angular @HostBinding,简单示例和基础知识 - Angular @HostBinding, simple example and fundamentals

我会很好地理解 Angular @HostBinding 的概念。 不幸的是,我的书非常好,但是这个概念没有很清楚地解释。 请看代码: 我个人的解释:“主机绑定允许在它自己的组件内(换句话说,从我下面提到的这个文件)在主机元素(在本例中为 app-test-component 标记)中设置一些 ...

Angular 6组件,将CSS应用于通过主机绑定应用的类? - Angular 6 component, apply css to class applied with hostbinding?

我通常在我的应用程序中使用全局SCSS文件,但今天我想制作一些范围仅限于我的组件的scss。 我已经通过@HostBinding ( class.card )在组件上设置了一个类。 我可以在组件内部设置样式,例如caard-body ,但是如何将替代应用于该组件的card类? ...

no-unused-variable TSLint规则不适用于私有@HostBinding - no-unused-variable TSLint rule does not work with private @HostBinding

在我的TSLint文件中,我有: 在我的组件中,我有时会: 因为classes是私有的,所以TSLint抱怨,所以我必须每次都禁用TSLint。 我不想做@HostBinding因为封装的公众。 解决此问题的推荐方法是什么? ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM