Question

这里有点角色。

我在单选按钮上禁用了输入字段，如果选中单选按钮，我首先要将输入字段值设为null，然后禁用它。

这是我目前的例子：

<input type="radio" ng-model="vm.radio" value="selected" /> Sample
<input type="text" ng-model="vm.input" ng-disabled="vm.radio='selected'" />

当输入有值时，它只是禁用并保留输入值。

我可以在控制器内检查，如

if(vm.radio=='selected') { vm.input = null }

但它只有在我通过按钮激活功能时才有效。有没有什么好办法在HTML页面上处理变更事件？不在控制器脚本中。

Answer 1

看看这个plnkr：https://plnkr.co/edit/IygRaPlBmLzdnI0jhAQn?p=preview

您可以使用ng-change指定表达式

<input type="radio" ng-model="vm.radio" value="selected" ng-change="vm.radio === 'selected' ? vm.input = '' : '' " /> Sample
<input type="radio" ng-model="vm.radio" value="b" /> Sample2
<input type="text" ng-model="vm.input" ng-disabled="vm.radio === 'selected'" />

在禁用输入时将ng-model设置为null

1 个答案: