En mi aplicación angularjs escrita con mecanografiado, estoy tratando de agregar un asterisco a un determinado campo en el html usando ng-if

 <td class="abc" > <span ng-if="vm.showStar == true && vm.Id == myItem.Id">{{myitem.myValue}}*</span> <span ng-if="vm.showStar != true">{{myitem.myValue}}</span> </span> </td>

En el archivo ts, tengo lo que supongo que es una función de javascript a la que estoy pasando el rootscope para capturar el evento emitido desde otro lugar.

 function myCtrlr( $rootScope, ... $rootScope.$on('myEvent', function(event,data) { debugger; console.log(event); vm.showStar = true; });

El evento se captura con éxito.

En el archivo ts, también hay una interfaz que contiene variables. La interfaz y la función javascript están vinculadas mediante una línea como esta:

 export default angular.module('myapp.controller.hourlyCheck', requires) .controller('MyCheckCtrl', myCtrlr) .name;

Pero cuando llega el evento, no actualiza la variable showStar en el html. ¿Cómo puedo hacer que se actualice?