如何使用输入类型只读字段添加表单

Question

当我使用第二个div添加表单时，它可以正常工作，但不能使用第一个div

<div class="col s6 input-field">
    <input id="oid" type="text" value={{ioid}} class="validate" readonly ng-model="ctrl.form3.oid">
    <label for="oid">Order ID</label>
  </div>
  <div class="col s6 input-field">
    <input id="soid" type="text" class="validate" ng-model="ctrl.form3.soid">
    <label for="soid">SubOrder ID</label>
  </div>

Answer 1

看起来您应该使用ng-value指令代替常规值属性（请参阅https://docs.angularjs.org/api/ng/directive/ngValue）：

<input id="iod" type="text" ng-value="ioid" readonly ng-model="ctrl.form3.oid">

以下是一个工作示例：http://plnkr.co/edit/klUj1xbk6txHAnQdFrFK?p=preview