I have this older Angular code which works but not in the latest version of Angular 6. <div ng-mouseover="changeText=true" ng-mouseleave="changeText=false" ng-init="changeText=false"> <span ng-hide="changeText">Hide</span> <span ng-show="changeText">Show</span> </div> How do i make this work for Angular 6? I understand I have to use (mouseover) and (mouseout) but I couldn't implement it successfully. Continue reading...