如何添加具有输入类型只读字段的表单

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

如何添加具有输入类型只读字段的表单

How can I add form with input type readonly field

ejs

materialize

angularjs