问题标签 [angular2-hostbinding]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Angular2指令中伪元素样式的动态变化
有一种方法可以通过@HostBinding 或Angular2中的其他方式动态改变伪元素的样式？
我为范围输入编写了一个指令，我想根据值更改滑块颜色。
对于#FFFFFF 和#000000 颜色，我得到了正确的颜色数组。
[“#ffffff”、“#f2f2f2”、“#e5e5e5”、“#d8d8d8”、“#cccccc”、“#bfbfbf”、“#b2b2b2”、“#a5a5a5”、“#999999”、“#8c8c8c” 、“#7f7f7f”、“#727272”、“#666666”、“#595959”、“#4c4c4c”、“#3f3f3f”、“#333333”、“#262626”、“#191919”、“#0c0c0c” ]
我可以使用@HostBinding动态更改输入的背景颜色，但我完全不知道如何更改 psudoelement 的颜色：
有可能吗？如何在不为滑块创建单独组件的情况下做到这一点？
angular - 有条件的 @HostBinding 取决于 @Input()
我正在尝试将 CSS 类绑定foo到我的主机组件，@HostBinding具体取决于我对动态变量所做的测试。但无法使其正常工作。
这是我已经尝试过的：
我怎样才能使它工作？我也许在想办法听input变化？
angular - ElementRef 的替代品 - Angular
在我的 ng2 应用程序中，我使用了一个未公开其 HTML 元素的外部库。
我将其用作：
现在，当它以 HTML 呈现时，它被添加为：
为了动态更改位置，我创建了一个本地模板引用变量。
并将其宽度更改为：
现在 A/c 到angular.io文档
ElementRef将被弃用。我无法找到任何其他方式来做到这一点。有没有其他方法可以达到同样的效果？
我还有一些关于 SO 的链接。但没有找到解决办法。
angular - 使用 @HostBindings 代替 Angular 4 中的主机
我只是尝试用 angular 4 制作动画，我看到了在组件中使用主机的教程
但它在主机属性下显示错误“[tslint] 使用@hostBindings 和@HostListeners 而不是主机属性”
angular - 如何使用 @HostBinding 将背景图像添加到 Angular 2+ 指令？
我需要创建一个 Angular 2+（我在 4.x）指令（不是组件），通过@HostBinding. 我知道我很接近了，但是当我检查它时，我会background-image: none在 Chrome 的检查器中看到它。
我的 assets/images/favicon.16png 由 webpack 提供服务。我已经尝试了各种路径选项，，，/assets等等~/assets......但background-image总是none
angular - Angular 2：带有 Input 对象属性的 @HostBinding
是否可以像这个例子一样绑定@HostBinding 值？
我知道我可以这样做：
但在这种情况下，如果我的用户更改了他的角色，则该组件中的值将永远不会更新。这个怎么做 ？
angular - 使用 Angular @HostBinding inside 指令来设置和更新主机上的属性值
所以，假设我有以下指令：
如果我按原样渲染它，它似乎不起作用，因为在初始化后this.x获取它的值。 @HostBinding
因此，将上面的内容更改为更像这样的内容：
并且在构造函数之外设置该值，该值被毫无问题地添加。
但是，如果我尝试在任何时候更改该值，例如超时：
主机属性不会更新为新值。初始初始化后这里没有数据绑定吗？堆栈上有很多答案，讨论如何使用 设置 attr 的初始值@HostBinding，但是在 init 之后更改该值呢？
angularjs - 使用 HostBinding、HostListener 而不是 :host
我正在构建一项服务，我需要删除主机属性。我知道这不会破坏我的应用程序，但我将如何去做。
我目前有
我需要使用 HostBinding 和 HostListener。
有人可以指出我修复此代码的正确方向吗？
angular - 在 Angular 中使用主机绑定注入样式声明
你们知道如何使用@HostBinding 装饰器在组件中批量注入样式声明吗？我正在尝试的是：
据我了解，这应该为组件注入背景和颜色样式，但它不会......
我可以像这样控制单个样式声明：
但我想为所有人做这件事，请帮助：P
这是完整的代码：
和一个工作的 plunker： https ://plnkr.co/edit/CVglAPAMIsdQjsqHU4Fb?p=preview
angular - 如何使用 HostBinding 添加未知类？
我想使用HostBinding装饰器来添加一个不能像@HostBinding('class.myClass').
我知道有可能将它绑定到整个class属性，例如@HostBinding('class')，但这显然会重置所有直接添加到我使用它的主机元素的类。
那么是否可以使用HostBinding，但只添加一个类并在html中保留所有先前添加的类？
目前我最终得到了更丑陋的解决方案：