IE 11中未设置只读值

Question

Hello this question may sound repeated, but I wasn't able to find the correct answer even after looking through a lot of posts. I have a "read only" field in my app that is set using the data entered in to the other fields.

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

It works in chrome but fails in IE 11 ie it doesn't display anything. Does anybody know why is that so, I know angular support was stopped from previous IE versions but I am using IE11 and it still doesn't work. Thanks in advance

Answer 1

readonly input element doesn't work in IE old versions. Use disabled instead.

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

You can also try with readonly="readonly" for the input element:

<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中运行，请检查并告诉它是否对您有用。