Unable to ng-hide elements

Question

In my mini-project here , I need to hide the Shop button and the Content div when the user clicks on the textbox. I am attempting to do it using ng-hide .

For some reason there is an error with the module.

Error: error:nomod
Module Unavailable

I was able to partly get it working here , but I need to hide the elements when someone clicks on the textbox, before they start typing.

I need to get this working in Firefox only.

What am I missing?

jsFiddle

Answer 1

I've changed your code a bit. You can try this out:

<input type="text" name="hideBasicInfo" ng-click="hideBasicInfo = true" />

<div ng-hide="hideBasicInfo">

When someone's press the textbox I'll set the property hideBasicInfo true. (via ng-click)