angularjs - 如何在指令中获取模板 html

Question

我正在尝试创建一个简单的时间选择器指令。http://plnkr.co/edit/VYGqhPbHf1yqXLpemGEP

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

谢谢！

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

Answer 1

尝试以下操作：

• 嵌入日期选择器列表的 HTML
• 从 html 中隐藏列表
• 如果输入获得焦点，则更改可见性。

伪代码：

HTML：

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

JavaScript

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

反过来做类似的事情。

Answer 2

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