$compile error in bundled angularJS?

Question

Here is unbundled angular code which is working well.

angular.module('XXX').directive('xxx', ['$compile', '$injector', function($compile, $injector){
 return {
   restrict: 'A',
   scope: false,
   transclude: true,
  ...
  XXX.attachEvent("XXX", function(id){
   angular.element(document.querySelector( '[name="isallday"]' )).attr('ng-model', 'isallday');  
   angular.element( document.querySelector( ".dhx_section_time" )
            .getElementsByTagName("select") ).attr('ng-class', '{dhx_time_disable: isallday}').attr('ng-disabled', 'isallday');
   var el = angular.element(document.querySelector( ".dhx_cal_larea" ));    
   $injector = el.injector();
   $injector.invoke(function($compile){
      $compile(el)($scope)
   }) 
  })
}
}]);

I added ng-model dynamically not statically. But when I run this code in bundled environment, it displays an error.

uncaught Error: [$injector:unpr] http://errors.angularjs.org/1.4.1/$injector/unpr?p0=tProvider%203C-%20t

My project use asp.net and angularjs and dhx. How can I fix this error?

What are the libraries do you included in HTML view? Can you share it here? — Pravin Erande
– Pravin Erande, Commented Oct 7, 2016 at 5:20
I am using dhx schedule. So I add ng-modal when displays a newEvent dialog. — Eric Chan
– Eric Chan, Commented Oct 7, 2016 at 5:24

Michael Rose · Accepted Answer · 2016-10-07 08:38:27Z

1

Your issue probably is minification/uglification among these lines:

$injector.invoke(function($compile){
  $compile(el)($scope)
})

When the invoked function gets minified/uglified, its first parameter $compile is renamed to t in your case resulting in the unknown tProvider error. Try the following:

$injector.invoke(['$compile', function($compile){
  $compile(el)($scope)
}])

(or reuse the $compile you injected in your directive...)

answered Oct 7, 2016 at 8:38

Michael Rose

7,8203 gold badges24 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eric Chan Over a year ago

Thank you very much. I followed your guide and fixed it.

Collectives™ on Stack Overflow

$compile error in bundled angularJS?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related