内部入力にリンクする

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

入力要素の中に要素を配置することはできません.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>