AngularJS：自定义下拉指令

Question

所以目前我正在使用Angular Material下拉指令，这是一个使用示例

<md-select ng-model="scopeClinic">
    <md-option ng-value="clinic.id" ng-repeat="clinic in clinics">{{ clinic.name }}</md-option>
</md-select>

如您所见，使用非常简单，但我对大多数情况下库的行为方式并不满意，现在我想创建自己的dropdown指令，使用bootstrap模板

<div class="dropdown">
    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example<span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="#">HTML</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">JavaScript</a></li>
    </ul>
</div>

我希望进行最少的更改转移，只需将md-select更改为my-select，将md-option更改为my-option。我阅读了很多文档，但我仍然不知道从哪里开始。目前，对我来说最大的问题是了解如何将my-option指令放入my-select指令，在它们之间建立链接，将<my-option>转换为<li>选项（我不是确定即使我正在以正确的方式思考）。如果有人可以告诉我一个基本的例子，我可以开始这将是伟大的。 谢谢！