¿Cómo usar una function de Componente dentro del controller de página en AngularJS?

Quiero usar una function de un componente dentro de mi página. Controlador Primero, no sé si es posible. y Segundo, si es posible, ¿cómo debo hacer eso?

Aquí tengo la function dentro del componente.controller llamado checkStatus , quiero ejecutarlo, por lo tanto, mi ng-disabled vuelve false y puedo hacer clic en el button SAVE .

testComponent.component.js:

 export default { template: temp, controller: myComponentController, controllerAs: 'vm', bindings: { popupMsg : '&' } }; function myComponentController() { 'ngInject'; this.popupMsg = function() { alert("It is working!"); this.checkStatus(); }; this.checkStatus = function() { this.mustPass = true; }; } 

myPage.controller.js:

 export class MyPageController { constructor() { 'ngInject' ... } save() { ... } } 

myPage.html:

 <form> <test-component mandatory="vm.popupMsg()"> </test-component> <div> <button type="submit" ng-click="vm.save()" ng-disabled="!vm.mustPass"> Save </button> </div> </form> 

Plunker para probar

Necesita tener enlaces de salida en su testComponent.

testComponent.component.js

 bindings: { statusChange: '&' } function myComponentController() { this.checkStatus = function() { this.mustPass = true; this.statusChange({$event: this.mustPass}); }; 

mypage.html

 <test-component mandatory="vm.popupMsg()" status-change="vm.onStatusChange($event)"> </test-component>