如何获得指令

Question

中的模板HTML我想创建一个简单的时间选择器指令。 http://plnkr.co/edit/VYGqhPbHf1yqXLpemGEP

当用户点击输入字段时，我想将我的模板html的内容显示为输入下方的下拉列表（稍后将处理css），以便用户可以从列表中选择一个时间。我不知道如何获得模板（类似angular.element（template）.show（））

谢谢！

编辑：我设法想出了这个：http://plnkr.co/edit/zAplNKVfohXLbIzwjhy4?p=preview 一切工作除了当我点击任何列表，它没有设置正确的模型值。

Answer 1

我设法让它工作。我不得不为下拉元素创建一个新的范围。 http://plnkr.co/edit/zAplNKVfohXLbIzwjhy4?p=preview

Answer 2

尝试以下操作：

• 嵌入了用于日期选取器列表
• HTML隐藏列表从HTML
• 如果输入获得焦点改变的知名度。

伪代码：

HTML：

<ul ng-show="listVisible"> 
    <li> .... </li> 
</ul> 

的JavaScript

scope.listVisible = false; 
element.$on('focus', function() { 
    scope.listVisible = true; 
}); 

做反向类似的东西。