关于指令

Question

画红圈的变量并没有绑定到模版里，看了好几遍，没明白为啥就起作用了呢？

Answer 1

接灰的电子产品 2019-06-26 22:18:32

指令没有模版，所以会在宿主身上起作用，也就是你将指令放到那个元素，那个就是指令的宿主。而 hostbinding 就是要绑定宿主的样式啊

• 提问者 慕粉3167361 #1

  老师，你定义的这个变量有用吗，就是没理解这个变量用在什么地方了？

• 接灰的电子产品 #2

  给你做个类比，你就明白了，如果组件类中定义了一个 变量 color，然后在模版中使用 [ngStyle]="{background: color}" 。类似的在指令中，我们有一个 color 变量，但是由于它没有模版，所以我们使用一个 @HostBinding 将这个变量和 `style.background` 绑定。但是绑定之后改变谁呢？谁使用指令就改变谁，也就是宿主的元素的 style.background 和这个变量绑定了

• 接灰的电子产品 回复 提问者 慕粉3167361 #3

  这个变量的值不就是 style 的值吗，这个值要应用到宿主模版中

点开查看后面2条评论