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?