Can't access scope inside header template inside component

working demo with controller-as syntax: http://ng-table.com/#/formatting/demo-header-cell-full my demo with angular component http://plnkr.co/edit/IOJZfWFlJEWo93PWX4Xl?p=preview Seems like custom template headerCheckbox.html can’t get access to $ctrl variable

I hope author still works on this plugin. It’s really great and it’s my first problem with it.

[mixth]

@renaudaste I also ran to this problem and solved it in the ugly way.

my.html

<script type="text/ng-template" id="headerCheckbox.html">
  <input type="checkbox" ng-model="bindings.ctrl.checked" class="select-all" value="" />
</script>
<div ng-bind="$ctrl.checked"></div>

...

myComponent.js

function myController($scope) {
  $scope.bindings = { ctrl: this };
}

angular.module("my-project").component("my", {
  templateUrl: "my.html",
  controller: myController,
});

What I have done is binding the component’s controller to its scope and call it inside child’s scope since child’s inherit from parent’s. I think the reason we cannot use $ctrl in there is because it is reserved for its own scope (child’s scope).

A nicer solution would be nice though.

[huizhoujava]

I have met the same problem, any elegant solution?