Question

我只是在触摸输入字段并且仍为空时尝试显示div。

我尝试了以下代码，但div没有出现。由于某种原因，它无法读取我认为的触摸状态。

任何想法我做错了什么？

XMLSERIALIZE

PS。当我删除$ touch条件时，只有当输入的用户名为空时，div才会完美显示。

Answer 1

您可以在输入字段中使用ng-focus和ng-blur事件。

看看这个pen

Answer 2

您需要将name属性设置为输入控件才能完成任务。此外，您需要访问$ touch，如 loginForm.userName。$ touch

<form name="loginForm">
<div class="spacing"></div>
  <h5>Please input your data:</h5>
  <input ng-model="vm.username" name="userName" type="text" placeholder="Username" class="form-control input-md">
  <div class="spacing">
      <div class="alert alert-danger" ng-if="!vm.username && loginForm.userName.$touched">
          Please put your username!
      </div>
  </div>
  <input id="textinput" name="textinput" type="text" placeholder="Κωδικός" class="form-control input-md">
  <div class="spacing"></div>
  <button id="singlebutton" name="singlebutton" class="btn btn-info btn-sm pull-right">Είσοδος</button>

希望它有所帮助!!

AngularJS - 仅在触摸和清空时显示div

2 个答案: