Angularjs Angular.js-围绕现有select指令的包装器指令

我已经使用一些标记、css和一个不带任何javascript的常规select元素创建了一个自定义的select下拉列表，但我想将其设置为angularjs指令，这样我就不必在应用程序中重复样板html。下面是一个使用标记的示例（还没有angularjs的东西）

值1
价值2
价值3
值1

我想做一些像这样的事情

<my-select ng-model="mySelect" ng-options="opt.val as opt.label for opt in options">

类似于我使用内置select指令时所做的操作。在保留select指令的功能的同时，是否有一种简单的方法来包装或扩展select指令

谢谢

将允许您修改指令，甚至是内置指令。例如：

angular.module（'directiveDecoration'，[]）
.config（['$provide'，decoration]）；
功能装饰（提供）{
//修改angular的内置select指令
$provide.decorator（'selectDirective'，['$delegate'，function（$delegate）{
var指令=$delegate[0]，
link=directive.link；
//directive.templateUrl=“test/something.tpl.html”；
directive.compile=函数（）{
返回函数（范围、元素、属性、ctrl）{
应用（这个，参数）；
//在这里做更多的事情。。。
}
};
返回$delegate；
}]);
}

您是否尝试过在其模板中使用ng select生成指令？我已经考虑过了，但我不确定ng选项的数据绑定是否会出现问题。我将试一试我现在刚刚试一试，我能看到的唯一选项是在模板中使用字符串操作，或者锁定ng选项以仅处理指定的数据类型，我不希望这样做。

<my-select ng-model="mySelect" ng-options="opt.val as opt.label for opt in options">