时间戳

首页 > 解决方案 > 如何正确锁定字段的内容

html - 如何正确锁定字段的内容

问题描述

我将要为该字段创建一个输入type并禁用该字段的内容。

在此处输入图像描述

<div class="form-group">
  <label for="type">Type</label>
    <div>
     <span id="type" *ngIf="orderToEdit.wholeLine.MONT_QTY == 2">
          {{orderToEdit.type | buysell}}
     </span>
     <span id="type" *ngIf="orderToEdit.wholeLine.MONT_QTY == 1">
          {{orderToEdit.type | buysellsouscription}}
     </span>
   </div>
</div>

我添加了一个输入和readonly

<input type="text" class="form-control" readonly="readonly"  >

这是结果

在此处输入图像描述

<div class="form-group">
  <label for="type">Type</label>
    <input type="text" class="form-control" readonly="readonly"  >
     <span id="type" *ngIf="orderToEdit.wholeLine.MONT_QTY == 2">
          {{orderToEdit.type | buysell}}
     </span>
     <span id="type" *ngIf="orderToEdit.wholeLine.MONT_QTY == 1">
         {{orderToEdit.type | buysellsouscription}}
     </span>
</div>

我的问题是该值buy不在该字段中type。

我可以用这个强制：

style="position:relative; top:-25px; left: 7px;

在这里，它有效！但是，我想避免这种方法......

在此处输入图像描述

<div class="form-group">
  <label for="type">Type</label>
    <input type="text" class="form-control" readonly="readonly"  >
     <span id="type" *ngIf="orderToEdit.wholeLine.MONT_QTY == 2" style="position:relative; top:-25px; left: 7px;">
          {{orderToEdit.type | buysell}}
     </span>
     <span id="type" *ngIf="orderToEdit.wholeLine.MONT_QTY == 1" style="position:relative; top:-25px; left: 7px;">
         {{orderToEdit.type | buysellsouscription}}
     </span>
</div>

标签： htmlangular

解决方案

推荐阅读