내부 입력 링크

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>