angularjs - 访问 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>将$templateCache使用给定的 id 存储。 使用 --更新它
来检索控制器中的模板。 将其添加回使用 --$templateCache.get('popupTemplate')

$templateCache$templateCache.put('popupTemplate', '__updatedContent__')