2013-06-01 59 views
1

中的模板HTML我想創建一個簡單的時間選擇器指令。 http://plnkr.co/edit/VYGqhPbHf1yqXLpemGEP如何獲得指令

當用戶點擊輸入字段時,我想將我的模板html的內容顯示爲輸入下方的下拉列表(稍後將處理css),以便用戶可以從列表中選擇一個時間。我不知道如何獲得模板(類似angular.element(template).show())

謝謝!

編輯:我設法想出了這個:http://plnkr.co/edit/zAplNKVfohXLbIzwjhy4?p=preview 一切工作除了當我點擊任何列表,它沒有設置正確的模型值。

回答

1

嘗試以下操作:

  • 嵌入了用於日期選取器列表
  • HTML隱藏列表從HTML
  • 如果輸入獲得焦點改變的知名度。

僞代碼:

HTML:

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

的JavaScript

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

做反向類似的東西。