Как сделать метку невидимой, как только пользователь вводит ввод, используя AngularJS?

Question

У меня есть html следующим образом

<input  ng-required="true" ng-model="Email" type="text" value="">

 and i have a div as follows:

<div  id="invalid" style="display: none">
    <strong><i class="mycustomclass" ></i>Invalid</strong>
</div>

Как я могу сделать так, чтобы, как только пользователь вводит ввод, div больше не отображается или скрывается с помощью Angularjs. Я знаю, что мне нужно использовать ng-show или hide, но я не могу понять, как соединить его с вводом?

Answer 1

Если вы используете компоненты, это будет выглядеть так:

<div  id="invalid" data-ng-hide="$ctrl.Email">
    <strong><i class="mycustomclass" ></i>Invalid</strong>
</div>

Если вы используете старый стиль контроллера:

<div  id="invalid" data-ng-hide="Email">
    <strong><i class="mycustomclass" ></i>Invalid</strong>
</div>