如何禁用输入字段?

时间:2015-08-18 11:30:52

标签: angularjs

我的输入字段为黑色。

<input class="form-control input-sm bg-light-black white" style="border:1px solid #1d1d1d;" ng-model="gameType" ng-init="gameType='@Translator.Translate("ALL")'" ng-model-options="{ debounce: 500 }">

我看起来像下拉列表所以我想禁用用户可以点击它并输入内容的选项。我尝试使用ng-disabled但它将颜色更改为灰色。有任何建议吗?

3 个答案:

答案 0 :(得分:4)

尝试ng-readonly禁用输入

https://docs.angularjs.org/api/ng/directive/ngReadonly

修改

如果值保持不变,请使用<input readonly="readonly" ...

答案 1 :(得分:2)

ng-disabled会将html-attribute disabled添加到<input>字段,然后以灰色方式显示。我想这就是你想要的。您可以通过css调整禁用状态的<input>字段的css:

input, input:disabled {
    background: #cff;
    /* custom style */
}

完成后,html:

<input type="button"><br>
<input type="button" disabled><br>
<input type="button" ng-disabled="someTruthyExpression">

答案 2 :(得分:0)

这是您的查询解决方案,

<input type="text" ng-readonly="checked" value="I'm Angular" aria-label="Readonly field" />