编写自定义指令向AngularJS（TypeScript）中的ng选项添加工具提示

我有一些HTML，目前正在使用

ng options

指令填充一个选择框。我们的问题是ng选项不支持使用工具提示。为了解决这个问题，我正在尝试编写一个自定义指令，但我对AngularJS和TypeScript非常陌生，所以我不确定从哪里开始

以下是迄今为止的相关代码：

HTML

在

列

对象上有一个名为

环境标签

的字段，我希望在悬停时显示为工具提示

Javascript

模块psfc{
类GirdColumnTooltipDirective实现ng.IDirective{
限制='A'；
模板=“{column.environmentLabel}}”；
建造师(
) { }       
静态指令=（）：ng.IDirectiveFactory=>{
return（）=>新的GirdColumnTooltipDirective（）；
}
}
有棱角的
.module（'psfc'））
.directive（'gridColumnTooltip'，GirdColumnTooltipDirective.directive（））；
}

这显然是非常不完整的，因为我不确定如何在typescript中实现我想要的东西。我还不确定是否将模板设置为悬停时显示的

div

，或者是否找到将

title

属性添加到相关

选项

元素的方法

---

另外，根据解决方案的不同，我现在不担心CSS。我可以在以后解决任何样式问题。

为了简单起见，我们最终只是将

ng选项

更改为

ng repeat

中的

select

。比编写自定义指令简单得多

HTML

{{column.localizedTitle}}

为什么要用TypeScript标记？如果是AngularJS，则是Javascript，而不是TypeScript。使用正确的标签可能会得到更好的帮助。两者都有。AngularJS可以是TypeScript或纯Javascript。在这种情况下，我想使用anguljs来打字。因为您是新来AngularJS的，请考虑使用自定义选择插件，因为使用NG选项可能太困难，或者结果会充满bug。这个问题是关于AngularJS的，不是关于TypeScript的，所以请删除

TypeScript

标记。您考虑过从引导中使用$uibpopover吗？请注意

选项

标记不允许使用

title

属性。即使它可以在某些浏览器中工作，但它并不符合标准，而且并非所有浏览器都支持它。例如，Edge不显示标题。我知道这不是标准，因为

选项

是

选择

元素的不完整部分，但经过测试，它似乎在我们支持的所有浏览器中都能工作（包括Edge和IE）。