Javascript 将模板传递到模态组件时，主机上下文在angular 8中不起作用

我有一个警报组件，其中有一个模板，我将这个模板传递给模态服务，我想为rtl和ltr的警报组件设置样式，rtl和ltr在body标记中作为类名

alert.component.html

<ng-template #test >
  <div class="message" >
    <div>this is message</div>
  </div>
</ng-template>

但是我没有看到任何.rtl.message css类，因为模板原因，主机上下文似乎不起作用。请尝试以下操作：

:host-context(.rtl) .message { 
    color:red;
}

---

你能举个stackblitz的例子吗？

.message{
 color:green;
}
::host-context .rtl{
  .message{
   color:red;
 }
}

:host-context(.rtl) .message { 
    color:red;
}