Estou enfrentando problemas ao atribuir um evento 'click' em um template externo previamente compilado, segue o código...
Diretiva
angular.module('testeFuncoes').directive('fechaMenu', function($templateRequest, $compile) {
return {
link: function(scope, element, attr) {
$templateRequest("template.html").then(function(html){
var template = angular.element(html);
element.html($compile(template)(scope));
var cnt = $(element).contents();
$(element).replaceWith(cnt);
$('.ctnTeste').trigger('click');
});
},
}
})
Template
<md-menu-bar>
<md-menu>
<div class="ctnTeste" ng-click="openMenu($mdMenu, ev)" style="display: flex; padding: 20px; background-color: black">
<div class="subTeste" style="padding:{{color.red}}px; background-color:rgb(1,10,{{color.red}});"></div>
<div class="subTeste" id="teste"></div>
</div>...
Ou seja ao injetar esse template quero simular um click nele, porém dentro da função link. Ao passar pelo trigger, ele me da o seguinte erro [$rootScope:inprog] $digest already in progress, porém se eu atribuir o evento manualmente funciona, exemplo...
$('.testebotao').on('click', function() {
$('.ctnTeste').trigger('click');
})