AngularJS输入元素焦点

时间:2018-10-09 07:00:58

标签: html angularjs input focus

假设我的页面上有几个输入。一些单选按钮,一些复选框和输入type = text字段。我需要以下内容:在某些变量为真之前,我不想让用户关注type = text字段。也许有解决方案,例如我们可以在数组中收集input = text字段,而当用户关注一个在这些领域中,不要集中精力。谢谢。

Jsfiddle

这是示例。在$scope.variableToEnableFocusOnInput为假之前,我不希望$scope.inputValue成为焦点。

2 个答案:

答案 0 :(得分:0)

已禁用可能对您的情况有用。

查看以下内容:https://docs.angularjs.org/api/ng/directive/ngDisabled

这里也有很多示例,它很容易学习和使用。

我修改了代码的这一行,结果看起来像您要的。

<input type="text" ng-disabled="!variableToEnableFocusOnInput" ng-model="inputValue">

答案 1 :(得分:0)

您可以使用一种简单的方法来做到这一点:-

假设您无需在选中复选框之前选择输入

  <form action="" name='checkForm'>
<input required type='checkbox' ng-model='checkboxInput' name='checkboxInput'>
<input type='text' ng-model='inputText' ng-disabled='checkForm.checkboxInput.$invalid'>