IE 11中未设置只读值

Question

您好，这个问题听起来可能很重复，但是即使看了很多帖子，我也找不到正确的答案。我的应用程序中有一个“只读”字段，使用在其他字段中输入的数据进行设置。

<input type=“number” class=“form-control” value=“{{it.depth.value*it.width.value*it.height.value}}“readonly>

它可以在Chrome浏览器中使用，但在IE 11中无法运行，即不显示任何内容。有人知道为什么吗，我知道以前的IE版本停止了角度支持，但是我正在使用IE11，但它仍然无法正常工作。预先感谢

Answer 1

readonly输入元素在IE旧版本中不起作用。请改用disabled。

<input type=“number” class=“form-control” value=“{{it.depth.value*it.width.value*it.height.value}}“ disabled>

对于readonly="readonly"元素，您也可以尝试使用input：

<input type=“number” class=“form-control” value=“{{it.depth.value*it.width.value*it.height.value}}“ readonly="readonly">

Answer 2

<input type=“number” class=“form-control” value=“{{it.depth.value*it.width.value*it.height.value}}“ [attr.readonly]="true">

到目前为止，对于我来说，它可以在IE11中运行，请检查并告诉它是否对您有用。