在AngularJS中禁用页面加载时的文本框

时间:2015-07-31 13:23:03

标签: angularjs

我有一个文本框和两个带有是或否值的单选按钮控件。如果我点击Yes,则应启用文本框,并且应在No选择时禁用该文本框。我使用过ng-disabled属性。

但是,如果用户选择No,保存文件并重新打开,则会再次启用文本框。有没有办法保存文本框状态?

我尝试在disabled=""上使用textbox。但如果用户选择是,输入一些值并保存文件,textbox将再次被禁用。如果用户选择Yes,则在选择否

之前不应禁用textbox

我在谈论index.html档案。

以下是我的代码:

<input type="radio" name="something" value="1" ng-model="checkboxSelection"/>Checkbox 1
<input type="radio" name="something" value="2" ng-model="checkboxSelection"/> Checkbox 2
<input type="text" ng-model="somevalue" name="somevalue" ng-disabled="checkboxSelection=='2'"/>

2 个答案:

答案 0 :(得分:1)

试试这个

<input type="checkbox" ng-click="disable = !disable">
<input type="text" ng-disabled='disable'/>

如果您想在选中否后清除输入值,请使用您的控制器中的功能

答案 1 :(得分:0)

<input type="radio" ng-model="disable_input" ng-value="true" />
<input type="radio" ng-model="disable_input" ng-value="false" />
<input type="text" ng-disabled="disable_input" />

我不确定您是否要使用inputtextarea作为“文本框”,但只需使用textarea即可。 ng-disabled中最后一个input元素中的textarea代替。