如何在两个文本框字段中使用互斥

时间:2016-04-19 09:29:01

标签: javascript html angularjs

我正在研究grid,我在html中有两个文本框,我使用angularjs。如何在我的文本框中使用互斥。如果我在第一个文本框中输入了一些值,则必须禁用第二个文本框。如果我在第二个文本框中输入了一些值,则必须禁用第一个文本框。感谢

2 个答案:

答案 0 :(得分:3)

工作代码......

<div ng-app>
        <input type="text" ng-model="test" ng-disabled="test1">
        <input type="text" ng-model="test1" ng-disabled="test">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>

JsFiddle

答案 1 :(得分:1)

这可以通过ngModelngDisabled来解决。

<input ng-model="vm.input1" ng-disabled="vm.input2">
<input ng-model="vm.input2" ng-disabled="vm.input1">

DEMO