In this example, We will show or hide the text based on the value of variable radioOption assigned to ng-show directive, this variable is being set in ng-init like ng-init="radioOption='true'" and after the user change the radio selection the text will be show/hide.

<!DOCTYPE html> <html xmlns=""> <head> <title>Welcome to LearnKode - A code learning platform</title> <script src=""></script> </head> <body ng-app> <div> <div ng-init="radioOption='true'"> <input type="radio" name="radioOption" ng-model="radioOption" value='true'>Show <input type="radio" name="radioOption" ng-model="radioOption" value='false'>Hide <br /> <div ng-show="radioOption=='true'" style="padding:10px; border:1px solid black; width:30%; font-weight:bold">Hi Welcome to LearnIt... Hello World</div> </div> </div> </body> </html>