所以目前我正在使用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>
选项(我不是确定即使我正在以正确的方式思考)。如果有人可以告诉我一个基本的例子,我可以开始这将是伟大的。
谢谢!