angular4：ng-content基于嵌套类的选择

Question

正如我们在Angular4中所知，我们支持ng-content。

在此，我们可以根据类，元素名称，属性进行选择。

我正在尝试根据类选择元素： 这是我的消费者组件html：

 <my-component>
      <div class = "item">
        <div class = "item-small">small-item content</div>
     <div class = "item-large">large-item content</div>
    </div>

</my-component> 

现在，在我的my-component模板中，我正在尝试使用课程div访问item-small。

我的my-component模板如下所示：

<div class="my-component">
   <ng-content select = ".item>.item-small"></ng-content>
</div>

但它没有给我任何回报。 以下是此问题的内容：

https://plnkr.co/edit/2hlL2GezNXRoLCD1FAPD?p=preview

处理此类案件的最佳选择是什么？

请给出正确的方法来解决这个问题。

Answer 1

我很确定只支持直接匹配元素的选择器

这应该有效

".item-small"

但这不是

".item>.item-small"

与元素或指令选择器一样。