访问 ng-template 中的元素

Question

<script type="text/ng-template" id="popupTemplate">                                             
<div id="myPopup">                   
            <input type="checkbox" name="backup"/><label for="backup">Backup</label>
</div>
</script>

我想从外部脚本访问弹出窗口 div 以动态添加更多复选框。我尝试使用 jQuery $("#myPopup") 但它没有访问该元素。有什么办法可以实现吗？

Answer 1

写在<script type="text/ng-template"></script>中的模板将以给定的id存储在$templateCache中。
使用 -- $templateCache.get('popupTemplate')
在控制器中检索模板更新它。
使用 -- $templateCache.put('popupTemplate', '__updatedContent__')

将其添加回 $templateCache

访问 ng-template 中的元素

Accessing elements inside ng-template

angularjs

ng-dialog