单击只读的输入类型不会更新值

Question

我使用了三个类型为数字的输入框，我将从前两个输入框中获取值并将其相乘，并将结果显示在第三个只读的输入框中。

每当前两个输入框中的值发生变化时，结果就会更新。

但是当我点击第三个输入框（只读字段）并在前两个输入框中给出值时，它不会在第三个输入框中显示结果。

有谁能告诉我它为什么会发生？

＆＃13;

＆＃13;

    <label class="item item-input InputFormFull">
    	<span class="input-label">{{"tradeothercharges_message" | translate}} (+)</span>
    	<input stopccp decimalpoint
            type="number" maxlength="9" ng-model="vm.other_charges" ng-change="vm.onValueChange()">
    </label>
    <label class="item item-input InputFormFull">
    	<span class="input-label">{{"tradeamtgiven_message" | translate}}</span>
    	<input stopccp decimalpoint
    	type="number" maxlength="9" ng-model="vm.trade.amount_out" placeholder="0" ng-change="vm.onValueChange()">
    </label>
    <label class="item item-input InputFormFull">
    	<span class="input-label">{{"tradedebitcaputre_message" | translate}} (-)</span>
    	<input type="number" ng-value="vm.trade.amount_in - vm.trade.amount_out" placeholder="0" ng-readonly="true">
    </label>

＆＃13;

＆＃13;

＆＃13;