在编译指令之前的Angular add属性（指令）

Question

在我们的项目中，我们使用自定义指令及其属性（如API）在角度上开发单独的UI组件。

当我们的组件中的元素需要使用另一个指令修改时，我们遇到了一个问题，但是这个元素可以在任何树级别。

例如我的组件myFineList：

<li>
  <p>Head element</p>
  <ul>
    <li>
      <span>I WANT TO MODIFY THIS ELEMENT</span>
    </li>
  </ul>
</li>

在项目中使用它：

 <div>
   <div>Some functionality</div>
   <my-fine-list api-attributes="someValues"></my-fine-list>
 </div>

在项目中，我有drag指令，我想将其添加到span组件中的myFineList元素。

• 我无法更改UI组件（为了理解＆＃34;为什么我不能？＆＃34;，想象这是input[type="range"]并且我想将自定义指令作为属性添加到运动员以强制它为我做一些事情。）
• 不仅要添加drag属性，还需要将其编译为指令。

换句话说： 如何在编译之前将另一个自定义指令作为属性添加到另一个自定义指令中的元素？