Question

我需要在输入中添加一个链接（右），输入也会输出它的值（左）。

这将是左侧输入的值和右侧的链接（打开模态）。两者都在输入框内。

任何人都可以帮助我，我怎么能得到它？

<input ng-model="detalleTicketController.identificacion.scheduledJobCode" type="text" class="form-control"
      id="codTrabajoProg" name="codTrabajoProg" disabled>
      <a ng-click="detalleTicketController.modalScheduledWorksDetail();" >link</a>
    </input>

Answer 1

您不能在input元素中放置任何元素。您必须使用css定位（相对于其定位的父元素）链接。

像这样：

.inputContainer {
  position: relative;
}
.linkInsideInput {
  position: absolute;
  right: 0;
}

<span class="inputContainer">
  <input ng-model="detalleTicketController.identificacion.scheduledJobCode" type="text" class="form-control"
      id="codTrabajoProg" name="codTrabajoProg" disabled/>
 <a class="linkInsideInput" ng-click="detalleTicketController.modalScheduledWorksDetail();">link</a>
</span>

链接内部输入

1 个答案: