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

【问题标题】：Disable a textbox on page load in AngularJS在 AngularJS 中禁用页面加载时的文本框
【发布时间】：2015-07-31 21:41:20
【问题描述】：

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

但是，如果用户选择No，保存文件并重新打开它，文本框将再次启用。有没有办法保存文本框状态？

我尝试在textbox 上使用disabled=""。但如果用户选择是，输入一些值并保存文件，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'"/>

【问题讨论】：

你说的是哪个文件？
请出示您的代码

标签： angularjs

【解决方案1】：

试试这个

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

如果您想在检查否后清除输入的值，请在您的控制器中使用一个函数

【讨论】：

【解决方案2】：

<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" />

我不确定你是否想使用 input 或 textarea 作为你的“文本框”，但你需要做的就是在最后一个 textarea 中使用 ng-disabled input 元素改为 textarea。

【讨论】：